[bletekParticipant]

Guys,
Using a ubermenu and got it working on the pages, but mobile the logo and menu icon are jacked up on phone. I turned of ubermenu on mobile, but its still jacked up.

Here is the site: http://musicbymikeallen.com

mobile menu is jammed up next to the logo at the top right of the logo image.

Thanks for any help.

[JoaoModerator]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.ubermenu-skin-trans-black-hov.ubermenu-responsive-toggle {
    max-width: 50px;
    float: right;
    margin-top: 10px;
    font-size: 20px;
    margin-right: 30px;
}

Hope it helps

Joao

[bletekParticipant]

Thanks for the quick followup. Added the code, but it is still stuck next to the logo.

[JoaoModerator]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[bletekParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

You had a missing } on your media query above, I have added and now it works, adjust the code according to your wishes.

Hope it helps

Joao

[bletekParticipant]

lol. Thanks.

[Prasant RaiModerator]

You are most welcome. 🙂

[bletekParticipant]

Two more quick questions. In looking at the mobile menu, is there a way to align center the hamburger and word menu. They look a little off. Or can I remove the hamburger and have only menu or vice versa.

Secondly, the mobile menu is completely transparent. How do I target that and give it less transparency.

Thanks again, you guys are great.

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px){
.ubermenu-responsive-toggle .fa {
      display: none;
}

.ubermenu-skin-trans-black-hov.ubermenu-responsive-toggle {
    padding: 0;
    max-width: 50px;
    float: right;
    margin-top: 35px;
    font-size: 20px;
    margin-right: 50px;
    color:#ccc;
}

.ubermenu-skin-trans-black-hov.ubermenu-responsive-toggle:hover {
   color:#fff;
}
}

Hope that helps.

[Author]

Posts