Styling mobile menu

trogladyte
Offline Topic Author
Platinum Member
Posts: 751
Thanks: 16

Styling mobile menu was created by trogladyte

Posted 8 years 1 month ago #33579

I'm sure it's there staring me in the face, but I cannot find where to style the menu elements appearing on smaller viewports. I have set the "hamburger", however, on my Samsung Galaxy S5 all I get is the menu background (mid gray) and the icon doesn't show (perhaps it's in the same color). Where do I set it's alingment, color, etc?

www.ckdev.info/party

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

by trogladyte

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29144
Thanks: 3706

Replied by ced1870 on topic Styling mobile menu

Posted 8 years 1 month ago #33587

Hi
in the block "mainmenu", in the block styles >> text >> color >> white
this will affect the icon color and you will see it
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

trogladyte
Offline Topic Author
Platinum Member
Posts: 751
Thanks: 16

Replied by trogladyte on topic Styling mobile menu

Posted 8 years 1 month ago #33593

Great now it's showing. However, it's small and right justified. I selected center (which centered the main textual menu but not the button) and a bigger font which changed nothing.

How do I center and make it bigger?

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

by trogladyte

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29144
Thanks: 3706

Replied by ced1870 on topic Styling mobile menu

Posted 8 years 1 month ago #33596

write this in the custom css area in parameters

Code:

#mainmenu .mobileckhambuger_togglerlabel {
    font-size: 40px !important;
    text-align: center !important;
}

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

trogladyte
Offline Topic Author
Platinum Member
Posts: 751
Thanks: 16

Replied by trogladyte on topic Styling mobile menu

Posted 8 years 1 month ago #33603

Thanks again Ced.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

by trogladyte

Please Log in or Create an account to join the conversation.