Full width sticky header

  • Resolved mevusas

    (@mevusas)


    5 years, 5 months ago

    Is it possible to have the sticky header covering. the full width of the screen? or as a matter of fact, to have the whole homepage full width or closer to that?

    Thanks!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Ben Sibley

    (@bensibley)

    5 years, 5 months ago

    Inside the Layout section in the Customizer (Appearance > Customize), there is a Site Width section (screenshot). You can change the value there to make the entire site wider on large screens.

    Thread Starter mevusas

    (@mevusas)

    5 years, 5 months ago

    Thanks, I’ve been trying this in the past but the thing is that at least on my screen the outcome is not centerer – the sticky header is full width on the left but the margin stays the same on the right

    Theme Author Ben Sibley

    (@bensibley)

    5 years, 5 months ago

    Try adding this code and let me know how it goes:

    .is-sticky #menu-primary-container {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
    Thread Starter mevusas

    (@mevusas)

    5 years, 5 months ago

    Perfect, thanks!

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

The topic ‘Full width sticky header’ is closed to new replies.