Header changing size when scrolling

  • Resolved simonhatfield

    (@simonhatfield)


    2 years, 7 months ago

    The header on my website is larger than it should be, almost double height however within Elementor on the header section I can’t see anywhere where there is an issue?

    Additionally, when scrolling, the header changes between this enlarged size, and what should be the correct size. I’m a little confused – is anybody able to offer any assistance?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • rohitmukati

    (@rohitmukati)

    2 years, 7 months ago

    Hello simonhatfield
    I found issue in your website there is 2 menu in header one is fixed and when scroll second is visible you can also see in screenshot

    Solution
    1 Remove second menu or display none that.
    2 On first menu div add custom class and add property “position:fixed !important ” on that class.

    This is screenshot
https://prnt.sc/jRZ3fN2ip_Y1

    • This reply was modified 2 years, 7 months ago by rohitmukati.
    Thread Starter simonhatfield

    (@simonhatfield)

    2 years, 7 months ago

    Hi! That makes total sense, how do I remove the second menu? I am struggling to find where this would be done?

    Thread Starter simonhatfield

    (@simonhatfield)

    2 years, 7 months ago

    I’ve figured it out! Thank you sooooo much!

    I basically had a nav menu, on wordpress. and then had added a Novaworks menu within the header. Got there eventually!

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

The topic ‘Header changing size when scrolling’ is closed to new replies.