Overlapping Logo in Header - Support | Kriesi.at

Tagged: logo, overlap

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

Author

Posts
August 4, 2017 at 11:11 am #834280
hnhfio
Participant
Hello,
I’ve tried to apply this solution found in the support forum without any success:
```
@media only screen and (max-width: 1140px) { 
.av-main-nav > li > a {
padding: 0 7px; 
}
}
```
The Logo still been overlapped by two or three tab of the menu before switch to the “collapsed” mobile version.
August 4, 2017 at 11:29 am #834289
Yigit
Keymaster
Hey,

I added following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (max-width: 1070px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block !important;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special a { border: none !important; }
}
```
Please review your website

Best regards,
Yigit
August 4, 2017 at 11:31 am #834292

hnhfio
Participant

Stunning!
Thank you very much :D

August 4, 2017 at 12:43 pm #834318

Yigit
Keymaster

Hi,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

Enjoy your weekend!

Best regards,
Yigit
Author

Posts

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

The topic ‘Overlapping Logo in Header’ is closed to new replies.