- This topic has 9 replies, 2 voices, and was last updated 8 years, 3 months ago by Sakin.
-
AuthorPosts
-
November 30, 2015 at 5:30 pm #80422AndyParticipant
Hi here,
would like to make to top header sidebar sticky, just as the header, so that the site scrolles under top header sidebar and header – is that possible?
Site – solability.com, theme adventurous pro
Also – i seem not to be able to adjust the link colour in the top header sidebar?December 1, 2015 at 2:12 pm #80461SakinKeymasterHello Andy,
This looks little difficult and might not work. So, recommend you to hire a customizer. Try adding in the following css in “Appearance => Theme Options => Custom CSS” box:
#header-top { background-color: #fff; display: block; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } #masthead.fixed-header { box-shadow: none; top: 30px; }
Regards,
SakinDecember 4, 2015 at 6:49 am #80604AndyParticipantthat makes the top header disappear completly…
thanks for the effort, anywayDecember 4, 2015 at 1:18 pm #80615SakinKeymaster@Andy: Sorry I forgot to add in the following css. So, just add the above css and the following one together:
body { padding-top: 52px; }
December 5, 2015 at 6:50 am #80665AndyParticipantSorry, same result – top header disappears completly if I have added that correctly:
#header-top { background-color: #fff; display: block; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } #masthead.fixed-header { box-shadow: none; top: 30px; } body { padding-top: 52px; }
December 5, 2015 at 4:44 pm #80685SakinKeymaster@Andy: Let’s do this and if it’s not working then I need to check in your server.
body { padding-top: 52px; } #header-top { background-color: #fff; display: block; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } #masthead.fixed-header { box-shadow: none; top: 52px !important; }
Note: let me know if it’s not working then I will email you.
December 11, 2015 at 2:25 pm #80989AndyParticipant@Sakin
tried this one too, doesn’t really work either. It makes the top header sidebar sticky, but it also makes it dissapear under the main header – the top header sidebar is under the main header, and therefore not visible (it looks out below the main header if I make he content big enough)
thanks for your continued efforts – very much appreciatedDecember 14, 2015 at 10:48 am #81125SakinKeymaster@Andy: What’s not working. Can you elaborate. As when I test in our server with the above css, it’s working fine.
December 14, 2015 at 6:05 pm #81139AndyParticipantit works – thanks a lot
couldn’t see it as long as I was logged in the backend; guess the wp top header was covering it. When logged out, its perfect. Thanks again.December 19, 2015 at 11:28 pm #81404 -
AuthorPosts
- The topic ‘Top header sidebar: sticky?’ is closed to new replies.