• Resolved imogriff

    (@imogriff)


    Hi all!

    I have switched from Minimal Header to Medium Header. However, the coloured bar beneath the menu stops short of the left hand side of the page, and I can’t find a way to make it full width, or to at least centre it so it doesn’t look off-kilter. I’ve searched through all options and everything I can possibly change to full width has been changed, ha.

    Any advice would be greatly appreciated! Thanks so much!

    • This topic was modified 7 years, 3 months ago by imogriff.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello,

    Go to Customize > Header > General and set the padding to zero or add the below code to the Customize > Custom CSS section.

    div#site-header-inner {
        padding: 0;
    }
    Thread Starter imogriff

    (@imogriff)

    Thank you so much, this worked!

    Do you know if there’s any way to remove the search bar from the header without it messing up the placement of the logo/site name? if i remove the element altogether it messes with my lovely central alignment.

    Thanks so much again for your help!

    Go to Customize > Header > General and click on the eye icon of the search form to disable it or use the below CSS to hide it.

    div#medium-searchform {
        display: none;
    }
    Thread Starter imogriff

    (@imogriff)

    Brilliant. Thanks so much. worked perfectly. I’m a little concerned about how it might affect SEO to hide elements with CSS, that’s the only thing. But I’m sure it’ll be fine!

    I think it will not affect SEO. Did you try to disable the search form using the customizer settings as I mentioned above?

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

The topic ‘Medium Header – can’t make it full width’ is closed to new replies.