NooTheme Premium WordPress Theme › Forums › JobMonster › Mobile Menu Display
- This topic has 8 replies, 2 voices, and was last updated 4 years, 4 months ago by katiebeth30.
-
AuthorPosts
-
4 years, 5 months ago #1204278
Hi there,
When I look at my site on mobile, the menu three lines are hard to see and then when you click on them, the menu comes up but it is just a white box! Please can you tell me how to fix this?
Also, the topbar is completely gone on mobile?
Thanks,
Katie
4 years, 5 months ago #1204294I've actually managed to change this with some custom code but now I have a white line that doesn't go all the way across the page. I'd just like an easy way to center the menu (on the main site) without it affecting loads of other things!
.navbar {
align-content: center;
width: 75%;
}
Thanks,
Katie
4 years, 5 months ago #1204307Dear, default topbar in Jobmonster is hide on Mobile and Jobmonster not support show it on mobile and please kindly send for me your site URL , i will check details menu problem on your site to help you.
Best regards.
4 years, 4 months ago #1204538This reply has been marked as private.4 years, 4 months ago #1204600Dear, i check your site but i not see 'the menu three lines' please kindly send for me screenshot your problem i will check again.
Also, Please kindly remove custom css on your site, that custom css cause error on your site's style (see attachment) if you want move menu to center please use custom css
.navbar-collapse.collapse { float: none; display: table !important; margin: 0 auto !important; }
Best regards.
Attachments:
You must be logged in to view attached files.4 years, 4 months ago #1204696Thank you! I've removed the code .navbar { align-content: center; width: 75%; }
and replaced it with:
.navbar-collapse.collapse { float: none; display: table !important; margin: 0 auto !important; }
as you suggested. But now the mobile menu isn't collapsing! Please see screenshot.
Thanks,
Katie
Attachments:
You must be logged in to view attached files.4 years, 4 months ago #1204699In addition, now that I've done that, on the main site I have a white border on the right hand side of the page - screenshot attached.
Thanks!
Attachments:
You must be logged in to view attached files.4 years, 4 months ago #1204722Sorry, please REMOVE css code
.navbar-collapse.collapse { float: none; display: table !important; margin: 0 auto !important; }
Then add custom CSS on your site
@media (min-width: 992px) { .col-md-12 { width: 100%; } .navbar-collapse.collapse { float: none; display: table !important; margin: 0 auto !important; } }
Best regards.
4 years, 4 months ago #1204789This works! Thanks so much 🙂
-
AuthorPosts
You must be logged in and have valid license to reply to this topic.