Return to previous page

Mobile Menu not displayed correctly - by Vladislav

This topic has 10 replies, 3 voices, and was last updated 7 years, 5 months ago ago by Rose Tyler

Vladislav

Participant

September 20, 2017 at 15:22

Hello

After updating Legenda theme up to 3.3:
1. Minimized Mobile Menu is displayed not correctly.
2. Line-height is too tall in sub-menu.

Please help me.
I need algorithm how to make it in future by myself, because at another Legenda website after the updating is the same problem.

Regards,
Vlad

Please, contact administrator
for this information.

#173027 Copied

9 Answers

Rose Tyler

Support staff

September 20, 2017 at 15:26

Hello,

Could you please provide wp-admin access in Private Content? It is a bit strange issue that we do not have on our test site, so I need to check the problem more deeply to be sure that problem doesn’t relate to our theme or will be fixed in next theme update.

Regards

#173028 Copied

Vladislav

Participant

September 20, 2017 at 16:13

Rose, certainly

I thought that maybe you already had experience of solving this issue
There are wp-admin access and ftp access.

Regards

Please, contact administrator
for this information.

#173032 Copied
Laranz

Participant

September 21, 2017 at 02:42
Hi there,
I would suggest to add this code in Theme Options > Styling > Custom CSS:

.menu-main-menu-container { float: left; width: 237px; } .et-mobile-menu > li > ul > li a{ margin-left:-1px !important; }
#173050 Copied
Vladislav

Participant

September 21, 2017 at 09:15

Hello, Laranz

Unfortunately, the fisrt css-rule affects the main menu.

And the second one don’t change line-height of sub-menu. The latter still looks no good.

Regards

#173068 Copied
Rose Tyler

Support staff

September 21, 2017 at 09:53
Please change this code

.et-mobile-menu > li > ul > li a{ margin-left:-1px !important; }

to

.et-mobile-menu > li > ul > li > a, .et-mobile-menu > li > ul > li a:before { line-height: 20px; } .et-mobile-menu > li > ul > li > a { padding: 10px 0px 10px 30px; }

Regards
#173070 Copied
Vladislav

Participant

September 21, 2017 at 10:32

Rose, already better.
But now items of sub-menu lists display not correctly (look at screen hereafter).

PS And the first bug I resolved by revised Laranz code:
.et-mobile-menu {
float: left;
width: 237px;
}
Not sure that is right, but it works.

Regards

Please, contact administrator
for this information.

#173075 Copied

Rose Tyler

Support staff

September 21, 2017 at 12:09

Please, clear cache and check.

Regards

#173078 Copied

Vladislav

Participant

September 21, 2017 at 12:42

Rose, it’s ok!

Thanks a lot!!!!!

Regards

#173090 Copied

Rose Tyler

Support staff

September 21, 2017 at 12:58

You’re welcome!

Regards

#173092 Copied
Tagged: display problem, mobile menu, seo friendly, woocommerce, wordpress themes
Viewing 10 results - 1 through 10 (of 10 total)