Menu does not collapse and overlays the logo - Support | Kriesi.at

Tagged: logo, menu

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
December 30, 2015 at 5:29 pm #558503

TheElear
Participant

Hi All,

Please have a look at this page: http://www.paciorkiewicz.pl/compositions/orchestral-works/.
When the browser window is wide menu is nicely layed out to the right and the logo to the left.

When you start changing the width of the browser window so it is smaller (but still way over the responsive limit) the menu labels start to overlay the logo. The same for example happens on iPad mini (1024px width) in horizontal layout.Only when you turn iPad mini to vertical direction so the shorter edge is across only then the menu collapses. But this is due to the responsive settings.

I think basically what happens the logo and the menu are separate div elements that can overlay each other and they should not be allowed to do it.
As soon as there is a risk of the menu going over the ogo it should collapse.

Please advise how to rectify this.

regards,
Peter

December 30, 2015 at 5:30 pm #558505

Yigit
Keymaster

Hi TheElear!

Please see – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

Regards,
Yigit

January 4, 2016 at 8:43 pm #559457
TheElear
Participant
Hi,

I used this code:
```
@media only screen and (max-width: 1300px) { 
.av-main-nav > li > a { padding: 0 7px; }
}
```
but the issue still exists! Even on normal iPad in horizontal direction menu overlaps the logo
- This reply was modified 8 years, 10 months ago by TheElear.
January 5, 2016 at 2:42 am #559683
Elliott
Inactive Moderator
Hey!

Add this to your custom CSS.
```
@media screen and (max-width: 1300px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
```
Best regards,
Elliott
January 6, 2016 at 6:30 pm #560702

TheElear
Participant

Hi Elliot,

Looks like this code does the job.
Thank you.

all the best
TheElear

PS. You can close the ticket now
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Menu does not collapse and overlays the logo’ is closed to new replies.