Tagged: logo, sticky header
When you scroll down the top of the logo is getting cut off when the sticky header kicks in and I can’t seem to be able to find any posts or info on how to adjust that/add some space above the logo. Or at least that works for me. Any help would be great.
Hey NicomIT,
I can’t see that you have a sticky header at all on the site, I’m guessing you disabled that? We will need to see the problem to be able to help you out.
Best regards,
Rikard
Sorry about that. I forgot that I have my hosts file updated so I can work on the new website using the domain. So you actually are seeing the old/live copy of the website. Below is a link to a copy that you should be able to see.
Hi NicomIT,
Best regards,
Victoria
Yes, directly above the Discover Halifax logo. If you scroll back up to the top of the page, you will see there should be some space above it. When you scroll down there isn’t any space and part of the logo gets hidden.
Hi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#header_main {
padding: 20px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks Victoria. Is it possible to only add the additional padding when you scroll down the page and the sticky header turns on?
Hi NicomIT,
Do need more padding when the header is sticky?
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.header-scrolled.header-scrolled-full #header_main,
.header-scrolled #header_main {
padding: 40px;
transition: padding 0.5s ease-in-out;
}
If you need further assistance please let us know.
Best regards,
Victoria
That worked great. Thanks Victoria.
Hi,
I’m glad this worked out for you. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon