Main menu hitting logo when scaling down the website. - Support

Tagged: main menu

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

Author

Posts
September 29, 2015 at 3:12 pm #510774

khalidmuharraqi
Participant

Hi!
My main menu is hitting the logo when I checked for responsiveness on this website,
http://responsivetest.net/

September 29, 2015 at 5:09 pm #510853

Yigit
Keymaster

Hi Khalid!

Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/

Regards,
Yigit

September 30, 2015 at 2:12 pm #511487

khalidmuharraqi
Participant

I did tried this code in quick CSS (as mentioned in the link you provide) but it doesn’t fix my problem.
@media only screen and (max-width: 1100px) {
.av-main-nav > li > a { padding: 0 7px; }
}

September 30, 2015 at 2:19 pm #511491
Yigit
Keymaster
Hey!

Please change the code to following one
```
@media only screen and (max-width: 1100px) {
.av_seperator_big_border .av-main-nav>li>a {
    min-width: auto;
}
.av-main-nav > li > a { padding: 0 7px!important; }}
```
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

Cheers!
Yigit
September 30, 2015 at 5:13 pm #511702

khalidmuharraqi
Participant

I have applied this code but see the results in attachment.

October 1, 2015 at 6:56 am #511960
Rikard
Keymaster
Hi,

Please try the following CSS instead:
```
@media only screen and (max-width: 1120px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
```
Regards,
Rikard
October 1, 2015 at 8:11 am #511984

khalidmuharraqi
Participant

Worked perfectly fine… great
thanks a lot guys.. :)

October 1, 2015 at 10:31 am #512058

Rikard
Keymaster

Hi,

Glad we could help :-)

Best regards,
Rikard
Author

Posts

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

The topic ‘Main menu hitting logo when scaling down the website.’ is closed to new replies.