Header width and space after

  • Resolved rogbiz

    (@rogbiz)


    5 months, 1 week ago

    Two problems:

    Firstly I can’t find how to make the content of the header section full width. The result is that the menu bar wraps onto two lines.

    Secondly I can’t control the space between the header section and the start of the content section. It seems to be set by the incorporation of variable –wp–preset–spacing–30 which I can’t remove or override. I’d like the picture on the home page to abut the header if possible.

    Advice much appreciated!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • r1k0

    (@r1k0)

    4 months, 3 weeks ago

    Hey @rogbiz,

    Apologize for the long wait.

    For the header, it is currently using a row block (display: flex), which is why the contents of the header are pushed to the left side of the screen (justify-content: flex-start). To fix this you would need to change the row block to a group block and then disable the inner blocks use content width. Follow these steps to achieve this:

    • Head over to Appearance > Editor > Patterns > Header.
    • Select the header currently in use on your site.
    • Click the list view, locate the row block, and on the right side of the screen. Change the row block to the group block.
    • Under layout, disable the inner blocks use content width. Voila!!

    The header should now use full width. The video below should assist you locate some of the options above:

    For the second part, you are absolutely right. Padding is applied to a block, but the main culprit is an empty group block that has the padding. To fix this, you need to head over to the page and use list view to locate the empty group block. Remove it; this should fix the issue. If you don’t find it there, it’s most likely in the template for that page.

    View post on imgur.com

    Hope this helps.

    Cheers

    Thread Starter rogbiz

    (@rogbiz)

    4 months, 3 weeks ago

    Hi @r1k0,

    Thank you so much, a perfect answer and a perfect result! Your time on this is much appreciated.

    Rogbiz

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Tags