Fixed notification bar?
- This topic has 9 replies, 2 voices, and was last updated 13 years, 3 months ago by
.
-
Posts
-
Rob, you can stick the notification bar to the top. You can use this CSS snippet to do that:
header { position: fixed; top: 0; left: 0; width: 100%; }See if that works for you.
That should do it unless something else is overriding the customization. What was the URL to your site again?
Rob, it looks like at least one of the media queries in the custom css box doesn’t have a closing } to indicate that’s the end of those styles. Most likely that’s making browsers only fix the header on small screens when it’s hidden out of site anyway.
Try closing those and see if that doesn’t help.
As a side note, a thunderstorm just knocked out my cable Internet so I’m looking via my phone. Otherwise I’d be more specific about the code.
You rock . . . I removed all code after scanning and not finding the error. Put only the fixed header bit and it worked great. I think what’s throwing me off is the “@media only screen” code can’t remember how that is in there. I now need to move the logo space down. Stay safe down there!
You rock . . . I removed all code after scanning and not finding the error. Put only the fixed header bit and it worked great. I think what’s throwing me off is the “@media only screen” code can’t remember how that is in there. I now need to move the logo space down. Stay safe down there!
If I remember correctly, there were some changes to the Jigoshop section that required the media queries. You might be able to look through some of your previous posts and find those. Just make sure you grab the ending } so the browsers know which styles only apply to those screen sizes.
You can change the logo’s distance from the top with this snippet:
#logo, #text-logo { margin-top: 60px; }Let me know if I can help,
Bill
- The topic ‘Fixed notification bar?’ is closed to new replies.
