Return to previous page

PROBLEM MENU MOBILE DEVICES - by pablosuarez

This topic has 8 replies, 3 voices, and was last updated 9 years, 8 months ago ago by Robert Hall

pablosuarez

Participant

April 7, 2016 at 13:56

Hello when I enter to my web via smatphone i can see that the menu is not organized as well.

I want to increase the size of the meu links because appears de arrow to list items not in the side of the word.

My english is bad, i put it on spanish.

Cuando entro a mi web desde el teléfono las flechas para listar las secciones (cuando despliegas las secciones) aparecen arriba de la palabra y no al lado de la palabra que es donde quiero que aparezca, cómo puedo aumentar el tamaño de la barra de menú que se despliega??

Please, contact administrator
for this information.

#120363 Copied Theme version: latest WooCommerce version: latest

7 Answers
Jack Richardson

Support staff

April 7, 2016 at 14:28
Hello,

To increase menu items size on mobile add this code in Theme Options > Custom CSS > Global Custom CSS:

.et-mobile-menu li a { font-size: 16px !important; }

Best regards,
Jack Richardson.
#120367 Copied
pablosuarez

Participant

April 7, 2016 at 14:44

Thank you, but i will want to keep the size of the text, 1.- can i make the size of the menú bigger?? not the text, the background.

and 2.- how can i change “NAVIGATION” and “ACCOUNT” text to show it in my languaje?

Thanks for the supply

#120370 Copied
Jack Richardson

Support staff

April 7, 2016 at 17:28
Hello,

1. Please use this code in Global Custom CSS:

.st-menu-open .st-container .st-pusher { transform: translateX(350px); } .st-menu, .st-menu .nav-wrapper .st-menu-content { width: 350px; }

2. You can translate the words in .po file in wp-content/themes/royal/languages directory https://www.8theme.com/demo/docs/royal/#!/1_how_to_translate .

Best regards,
Jack Richardson.
#120383 Copied
pablosuarez

Participant

April 8, 2016 at 09:50

Hello, thanks for all, the parent menu has increased the size, perfect! But the problem is in the mobile submenu, it continues being in 250px. I mean the submenu when i push a section and opens submenu, which unfolds. Now i have he parent section in 350px, the black one, but when unfolds, the grey one continues in 250px…

#120454 Copied
Robert Hall

Participant

April 8, 2016 at 10:03
Hello,

Please add this code in Global Custom CSS.

.mobile-nav li > ul { width: 350px; }

Regards,
Robert Hall
#120456 Copied
pablosuarez

Participant

April 8, 2016 at 10:09

PERFECT!!! THANK YOU!!

#120460 Copied

Robert Hall

Participant

April 8, 2016 at 12:20

You’re welcome!

Regards,
Robert Hall

#120479 Copied
Viewing 8 results - 1 through 8 (of 8 total)