Header Menu over Logo - Support | Kriesi.at

Tagged: logo, menu, responsive

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

Author

Posts
October 27, 2014 at 5:26 pm #341607

allaboutapps
Participant

Hi guys,

when I change the window size of Chrome, my Header Menu overlaps the logo. I’ve changed the Enfold -> Header -> Mobile Menu to the second option (“Activate for Smartphones and Tablets (browser width below 990px”) and I’ve added the following code to my quick CSS:

@media only screen and (max-width: 767px) {
.responsive .logo img { max-width: 100%; }}

But it didn’t change anything. Can you please help me out?

October 28, 2014 at 10:13 am #342103

allaboutapps
Participant

I don’t want to stress you, but do you think that it will be possible to help me today?

October 28, 2014 at 4:25 pm #342295
Yigit
Keymaster
Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
@media only screen and (max-width: 1140px) {
.av-main-nav > li > a { padding: 0 7px; }}
```
Regards,
Yigit
October 29, 2014 at 9:55 am #342628

allaboutapps
Participant

Hi Yigit,

thank you for you rresponse!

I’ve added the code, but it didn’t change anything. :(

October 29, 2014 at 7:26 pm #342924
Yigit
Keymaster
Hey!

Have you removed the code from Quick CSS because it is not being applied?
After adding the code please flush browser cache and refresh your page a few times. Also try adding !important rule as following
```
@media only screen and (max-width: 1140px) {
.av-main-nav > li > a { padding: 0 7px !important; }}
```
Best regards,
Yigit
October 30, 2014 at 11:23 am #343331

allaboutapps
Participant

Hi Yigit,

it’s still not working.

October 30, 2014 at 11:25 am #343334

allaboutapps
Participant

This reply has been marked as private.

October 30, 2014 at 2:05 pm #343398

AneBang
Participant

Hi Yigit,

I have the same problem. The menu stays as a normal menu until 768px (where it overlaps the logo from 840px), before it changes.
I have added your code from above, but should I change the max-width?

Best regards
Ane

October 30, 2014 at 8:13 pm #343632

Yigit
Keymaster

Hi!

@allaboutapps > sign was converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field. Fixed it and it works fine now. Please review your website

@anebang Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.

Cheers!
Yigit

October 31, 2014 at 10:34 am #343930

AneBang
Participant

Hi Yigit.

Thanks for the help! :D

Best regards
Ane

October 31, 2014 at 11:35 am #343944

allaboutapps
Participant

Hi Yigit,

thank you a lot for the help! It works great now!
Author

Posts

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

The topic ‘Header Menu over Logo’ is closed to new replies.