Mobile Menu Display

[katiebeth30]

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

Add New Note to this Reply

[katiebeth30]

I'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

Add New Note to this Reply

[dangdv]

Dear, 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.

Add New Note to this Reply

[katiebeth30]

This reply has been marked as private.

Add New Note to this Reply

[dangdv]

Dear, 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.

Add New Note to this Reply

[katiebeth30]

Thank 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.

Add New Note to this Reply

[katiebeth30]

In 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.

Add New Note to this Reply

[dangdv]

Sorry, 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.

Add New Note to this Reply

[katiebeth30]

This works! Thanks so much 🙂

Add New Note to this Reply

[Author]

Posts