Medium Header – can’t make it full width

  • Resolved imogriff

    (@imogriff)


    7 years, 3 months ago

    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)
  • Amit Singh

    (@apprimit)

    7 years, 3 months ago

    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)

    7 years, 3 months ago

    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!

    Amit Singh

    (@apprimit)

    7 years, 3 months ago

    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)

    7 years, 3 months ago

    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!

    Amit Singh

    (@apprimit)

    7 years, 3 months ago

    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.