Hello,
The store notice is hiding the topbar, but it doesn’t appear that you’ve assigned a mobile menu in Appearance> Menus yet.
Here’s a bit of CSS that will push the topbar below the notice:
@media (max-width: 340px) {
div#topbar {
margin-top: 100px;
}
}
@media (min-width: 341px) (max-width: 439px) {
div#topbar {
margin-top: 90px;
}
}
@media (min-width: 440px) and (max-width: 667px) {
div#topbar {
margin-top: 70px;
}
}
@media (min-width: 667px) and (max-width: 992px) {
div#topbar {
margin-top: 54px;
}
}
Add to Theme Options> Advanced Settings and let me know if that helps.
-Kevin
Hi Kevin,
Thanks for your reply. I just added the codes but it didn’t make the change. Is there any other setting I should be checking?
Thanks!
I’m not seeing the CSS in your custom CSS box. Did you clear your cache after adding it?
-Kevin
It’s there…yes I cleared all the caches after that.
That’s what I have in my CSS Custom:
.posted-on {display:none;}
@media (max-width: 340px) {
div#topbar {
margin-top: 100px;
}
}
@media (max-width: 439px) {
div#topbar {
margin-top: 90px;
}
}
@media (min-width: 440px) and (max-width: 667px) {
div#topbar {
margin-top: 70px;
}
}
@media (min-width: 667px) and (max-width: 992px) {
div#topbar {
margin-top: 54px;
}
}
Thanks,
I’m seeing the CSS take effect in Firefox but not Chrome. I still don’t see the menu assigned though.
-Kevin
can i send a screen shot?
Right at the beginning of the CSS file, there is a line which was there before adding the new set of codes.
.posted-on {display:none;}
Is this making any difference or it should/can be there?
Thanks,
I also add it to:
Appearance ===> customize ===> additional CSS
but still i don’t see the change from my end.
You can share a screenshot by hosting on this site:
https://www.postimages.org
-Kevin
Hi Kevin,
Here is the link to the images:
https://postimg.cc/gallery/267cqeskw/
Thanks!
This has to be caching. I cleared my browser cache in chrome and am not seeing the CSS.
Try viewing the site in an incognito window and you should see it. Don’t forget to assign the mobile menu in Appearance> Menus.
-Kevin
How do i assign the mobile menu in Appearance> Menus?
i don’t see any “mobile menu” to assign…
you mean actually adding a new menu as “mobile menu”?
Thanks!
You can create a new menu or use an existing one, it’s up to you. Scroll to the bottom and find “Menu Settings” or click the “Manage Locations” tab at the top.
-Kevin
Ok…I just assigned the menu to the “mobile navigation” and it’s showing on my mobile but it doesn’t seem right…shouldn’t it be showing like what we have on our website?
Thanks,
No, the header doesn’t have enough room to show the full menu in mobile. This is how it is on the demo:
http://themes.kadencethemes.com/virtue/
You could force the desktop menu to display in mobile, but it will be cluttered and difficult for mobile users to navigate.
-Kevin
you mean we should leave it as is or we can increase the header size?
Thanks!
-
This reply was modified 5 years, 9 months ago by
nellpour.
