Menu over logo when responsive - Support | Kriesi.at

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

Author

Posts
July 17, 2018 at 10:07 pm #986668

Erwin
Participant

Hi,

My menu slides over the logo when I resize my window. The url is in the private section.
I’ve tried a couple of options mentioned on this forum and on the documentation, but it doesn’t help.
Can you please have a look at it?

Regards,

Erwin

July 18, 2018 at 7:41 am #986806
Rikard
Keymaster
Hey Erwin,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (max-width: 1050px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}
```
Best regards,
Rikard
July 18, 2018 at 11:38 pm #987213

Erwin
Participant

Hi,

Thank you. It works fine now.

Regards,

Erwin

July 19, 2018 at 1:58 pm #987400

Rikard
Keymaster

Hi Erwin,

Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

July 19, 2018 at 11:03 pm #987645

Erwin
Participant

Hi,

You can close this topic.
Thank you for the assistance!

Regards,
Erwin

July 20, 2018 at 6:11 pm #987956

Illingco
Participant

I am having this same problem, and the CSS does nothing to fix it. Please advise…

July 23, 2018 at 5:00 am #988573

Rikard
Keymaster

Hi Illingco,

Where did you place the CSS? Please try it at the very top of Quick CSS. If that doesn’t work then please post WordPress admin login details in private so that we can have a closer look.

Best regards,
Rikard

August 1, 2018 at 4:31 pm #992473

Illingco
Participant

Does not work as mentioned. Please advise…

August 1, 2018 at 4:35 pm #992474

Illingco
Participant

Sorry please see updated login…

August 1, 2018 at 5:38 pm #992492

Yigit
Keymaster

Hey!

I am not able to login – “Your access to this site has been limited”

Please refer to this post – https://kriesi.at/documentation/enfold/menu/#activate-burger-menu-for-higher-resolution and if that does not help, please start a new thread under Enfold sub forum and temporarily disable IP restriction so we can look into it.

Regards,
Yigit

August 1, 2018 at 5:40 pm #992493

Illingco
Participant

See private message

August 1, 2018 at 6:09 pm #992505
Yigit
Keymaster
Hey,

I changed the code to following one
```
@media only screen and (max-width: 1120px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}
```
and flushed cache. Please review your website

Regards,
Yigit
August 1, 2018 at 6:22 pm #992511

Illingco
Participant

Didn’t change anything…

August 1, 2018 at 6:35 pm #992514

Yigit
Keymaster

Hey,

Have you flushed your browser cache? I can no longer see the issue.

Regards,
Yigit

August 1, 2018 at 6:37 pm #992516

Illingco
Participant

I have checked it on an iPhone 8 and reduced size browser window, and the burger menu and search icon still go over the logo…

August 4, 2018 at 11:42 am #993484
Victoria
Inactive Moderator
Hi Illingco,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (max-width: 767px) {
  .responsive .logo img {
      width: 80%;
  }
  #menu-item-shop .cart_dropdown_link {
    padding: 0px 0px 0px 20px;
  }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
August 6, 2018 at 6:10 pm #994021

Illingco
Participant

This CSS works. Thank you! You may close this topic again.

August 6, 2018 at 6:36 pm #994026

Jordan Shannon
Inactive Moderator

Hi,

I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

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

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