Menu going over logo - Support | Kriesi.at

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

Author

Posts
April 17, 2017 at 2:28 pm #778702

Astrobiologic
Participant

Hi,
I have quite a few menu items and when the website is viewed on smaller screens the menu is overlapping over the logo.

Is there an easy fix for this? Or do I need to remove my navigation items?

Site is http://www.dinosaurios.tienda

Thanks

April 17, 2017 at 3:14 pm #778733

Jordan Shannon
Inactive Moderator

Hey Ganubis,

You can have the menu break to the dropdown menu sooner:

Please go to Enfold > Header Layout > Mobile Menu. Look for the Header Mobile Menu activation then select the second option to activate the advance menu toggle on iPad landscape view.

Best regards,
Jordan Shannon

April 17, 2017 at 3:53 pm #778770

Astrobiologic
Participant

Hello, I already have that option selected. It does not work for me

There is no code that serves me like the ones that have been given to this user? https://kriesi.at/support/topic/header-menu-over-logo/

thanks

April 17, 2017 at 3:58 pm #778777

Yigit
Keymaster

Hi!

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

Cheers!
Yigit

April 17, 2017 at 4:50 pm #778811

Astrobiologic
Participant

Hi!

The first option did not work for me,
The second one has worked only in some resolutions, but it breaks the menu that appears in an open side.

Can not tell the menu that when the menu touches the logo?

Thanks

April 17, 2017 at 5:53 pm #778835

Astrobiologic
Participant

As you can see in this emulator.
http://gesdi.com/responsivator/?site=www.dinosaurios.tienda//

When we get resolutions like: 1280 × 800 Desktop or 1024 × 768 Large Tablet (landscape) The menu covers the logo

how can I solve that?

Thanks

April 17, 2017 at 7:16 pm #778875
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
@media only screen and (max-width: 1300px) and (min-width: 1120px) { 
.logo a {
    max-width: 60%;
    top: 20px;
}}
@media only screen and (max-width: 1119px) and (min-width: 990px) {
.logo a {
    max-width: 35%;
    top: 25px;
}}
```
Cheers!
Yigit
April 18, 2017 at 4:03 pm #779419

Astrobiologic
Participant

Yigit! Thanks thanks and thanks!!!!!!! Work perfect.

Cheers!

April 18, 2017 at 4:10 pm #779431

Andy
Inactive Moderator

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Andy
Author

Posts

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

The topic ‘Menu going over logo’ is closed to new replies.