Header Appearing On Scroll Down

  • breakawayeffects

    (@breakawayeffects)


    5 years, 9 months ago

    Hi All,

    I don’t know a huge amount about WordPress, really just what I’ve learned from muddling though and experimenting. I was running the old site in HTML written in notepad which I was perfectly happy with, and this wouldn’t be my preference, but the world moves on I guess.

    On the following page; https://breakawayfx.com/product-catalogue/ I’m using the Flatsome theme. As you scroll down, the blue top menu stickies in as it should, but scroll further down and the header pops back in for some reason, it then covers nearly 1/4 of the page. As it’s not full height, it looks quite cluttered and messy. I’ve been through the options on the theme and tried some CSS without success. I can get the top so it doesn’t sticky… but then header still pops in the scrolling towards the bottom. Also using the myStickymenu plugin, I have have the blue menu sticky in place all the way down as I want it to, but the header menu still pops in behind it.

    I’m fairly sure it’s the theme, but there isn’t an option to disable this within the settings and I’m not sure how I would fix this with CSS. I wanted to have the blue back sticky all the way down and not have the rest of the header pop back in. Any ideas?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • George Appiah

    (@gappiah)

    5 years, 9 months ago

    I’m fairly sure it’s the theme,

    Yeah, this is very likely a theme issue.

    But Flatsome is a commercial theme which we don’t have access to here at ww.wp.xz.cn. Without having access to the code, this makes it impossible for us to test anything out and help you out.

    Kindly contact the developer or the marketplace where you purchased the Flatsome theme from and report the problem you’re experiencing. They are in the best position to support their product.

    https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319/support

    Thread Starter breakawayeffects

    (@breakawayeffects)

    5 years, 9 months ago

    I tried to contact them at that link, only to get an auto-reply saying that as they theme wasn’t bought on my account, they couldn’t help me and the ticket was closed. I did say in the message that the site was assembled by an outside company so of course we were not the buyer, but that didn’t seem to matter.

    Anyway I did some fiddling, and came up with the solution. I used the following CSS to hide the banner as it comes in when scrolling down;

    header.site-header {
	position: static !important;
}

    Then used the MyStickyMenu plug-in to pin the blue menu bar to the top so it wasn’t still forced down by a now-invisible header. Thanks for your help!

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

The topic ‘Header Appearing On Scroll Down’ is closed to new replies.