Docs

[ablesonh]

Hey

Before we start, love this theme. I’ve used it on a bunch of websites. 🙂

Okay my issue is that my client hates the menu bar on the responsive/mobile version. She wants it to just be the little icon for the menu. I can’t seem to find how to do this.

Css magic ftw please. 🙂

[ablesonh]

File didn’t upload the first time.

Also here’s the link: willowbeachcottages.designerwebsite.ca

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[ablesonh]

This reply has been marked as private.

[Nico]

Hi There,

Add this in your Customizer > Custom > CSS:

@media screen and (max-width: 959px)
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    display: block;
    max-width: 13%;
    }

Add margin: 0 auto; if you want to make it center.

Let us know how it goes.

Thanks.

[ablesonh]

Hey

It didn’t seem to have any effect. The menu still looks the same on both ipad and iphone testing.

–H

[Rue Nel]

Hello There,

Sorry if the code did not work out for you. Please have it removed and make use of this code instead:

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover {
    background-color: transparent;
}

We would love to know if this works. Thank you.

[ablesonh]

Hey

That one didn’t work either, unfortunately.

—Heather

[Christopher]

Hi there,

Please update previous code to :

a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-black-white-2.ubermenu-loc-primary.ubermenu-responsive-toggle-content-align-left.ubermenu-responsive-toggle-align-full {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

Hope it helps.

[ablesonh]

Woot! It worked! Thank you so much!

Can we centre it though?

[Rad]

Hi there,

Please update your CSS to this

a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-black-white-2.ubermenu-loc-primary.ubermenu-responsive-toggle-content-align-left.ubermenu-responsive-toggle-align-full {
    background-color: transparent;
    border: none;
    box-shadow: none;
    text-align: center;
}

Cheers!

[Author]

Posts