Tagged: logo, sticky header
-
AuthorPosts
-
November 8, 2017 at 3:01 pm #874201
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.
November 9, 2017 at 8:37 am #874546Hey 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,
RikardNovember 9, 2017 at 2:47 pm #874661Sorry 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.
November 9, 2017 at 4:22 pm #874744Hi NicomIT,
Best regards,
VictoriaNovember 9, 2017 at 4:25 pm #874745Yes, 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.
November 9, 2017 at 5:04 pm #874774Hi,
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,
VictoriaNovember 9, 2017 at 5:18 pm #874782Thanks Victoria. Is it possible to only add the additional padding when you scroll down the page and the sticky header turns on?
November 10, 2017 at 4:52 pm #875217Hi 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,
VictoriaNovember 10, 2017 at 5:33 pm #875224That worked great. Thanks Victoria.
November 10, 2017 at 5:54 pm #875253Hi,
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 -
AuthorPosts
- The topic ‘Add Space Above Logo in Sticky Header’ is closed to new replies.
