Return to previous page

Mobile Menu not displayed correctly - by Vladislav

This topic has 10 replies, 3 voices, and was last updated 7 years, 2 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)