Archived topic

How to adjust the menu icon on mobile

7 replies · Started by Jo on February 7, 2018

Viewing posts 1–8 of 8

February 7, 2018 at 12:50 am #490171

Hi,

I would like to make the menu icon more prominent on the mobile. I've looked in the menu plus layout and can only see how to change the 'menu' text on mobile.

I would like the three bar icon and the text 'menu' to be the full height of the navigation bar.

This is only the menu icon and no other parts of the navigation bar.

Many thanks

February 7, 2018 at 9:13 am #490573

Hi there,

Try this CSS:

.menu-toggle:before {
    font-size: 35px;
}

February 8, 2018 at 1:15 am #491089

That's great for the icon (3 bars). I would also like the text 'menu' to be bigger.

February 8, 2018 at 8:59 am #491438

Sorry missed that. Try the edited code above.

February 8, 2018 at 9:48 am #491475

Hi, really sorry but I preferred it as it was. Please can I have the CSS just for the 3 bar icon again.

Thanks

February 8, 2018 at 1:03 pm #491619

Edited the code back :)

February 9, 2018 at 1:06 am #491901

Thanks :)

February 9, 2018 at 8:34 am #492323

No problem!

This archived topic is closed to new replies.

Start building better websites today.