Header issues in Enfold 4.1.1 - Support | Kriesi.at

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

Author

Posts
July 15, 2017 at 4:04 pm #821706

rengarajan
Participant

Thanks for the nice update. Please assist me with the 2 issues.
1. The header size for the Mobile menu in iPad seems large. It appears fine in Mobiles. Anyway to reduce the size of the Header in iPad alone. It was fine prior to 4.1

2. The hamburger menu shows up along with regular menu in desktop in Vivaldi Browser in OSX (Safari is fine). Clicking on the hamburger menu, shows up a full page menu. Any idea how to fix this?

July 15, 2017 at 7:47 pm #821795

Victoria
Inactive Moderator

Hey rengarajan,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

July 15, 2017 at 8:09 pm #821806

rengarajan
Participant

Hi!

Link added in Private content…

July 16, 2017 at 12:12 am #821869

Arne
Participant

Hello!
I think I have the same problem as #1: http://imgur.com/a/Ncb8l

Thank you for your help!

July 16, 2017 at 1:46 pm #822013
Victoria
Inactive Moderator
Hi rengarajan,

The header is 80px on mobile as it was, you can reduce the logo image a bit, if you like
```
@media only screen and (max-width: 479px) {
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img {
    opacity: 1;
    width: 70%;
}}
```
Does the hamburger menu still show up?

Best regards,
Victoria
July 16, 2017 at 2:32 pm #822021

rengarajan
Participant

Hello,

The issue still persists. The slideshow text is almost behind the logo. Screenshot from iPad attached for reference. Earlier the slideshow text didn’t disturb the logo.

The hamburger icon still shows up in Vivaldi, OSX.

Thanks.

July 16, 2017 at 4:02 pm #822055

Victoria
Inactive Moderator

Hi rengarajan,

I checked in Vivaldi, there is no hamburger menu there. Please clear the cache and check again.

Best regards,
Victoria

July 16, 2017 at 4:08 pm #822056
Victoria
Inactive Moderator
Hi Arne,

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: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 123px;
}
}
```
If you need further assistance please let us know.
Best regards,
Victoria
July 17, 2017 at 3:10 pm #822659

Arne
Participant

Hi Victoria,
that code solved my problem – thanks! Will it be included in a future update or do I need this fix permanently?

Best reagrds
Arne

July 17, 2017 at 4:17 pm #822722

rengarajan
Participant

Hello Victoria,

Apologies for the delayed reply. Clearing the cache in Vivaldi worked fine. Thanks!

But the issue seems to persist in iPad. Tried both the codes

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 123px;
}}

and

@media only screen and (max-width: 479px) {
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img {
opacity: 1;
width: 70%;
}}

Would be great if you can provide a solution for this.

Warm Regards

July 17, 2017 at 4:22 pm #822725

MartinNorton
Participant

I have a similar problem http://www.onesixone.co.uk

July 17, 2017 at 6:32 pm #822810
Victoria
Inactive Moderator
Hi rengarajan,

Try this code and flush the cache:
```
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    height: 59px;
     line-height: 59px;
}
}
```
If you need further assistance please let us know.
Best regards,
Victoria
July 17, 2017 at 6:33 pm #822811

Victoria
Inactive Moderator

Hi MartinNorton,

Could you please describe your issue in more detail? The header looks fine to me.

Best regards,
Victoria

July 17, 2017 at 7:53 pm #822875

rengarajan
Participant

Hello Victoria,

Thanks! The header is small now. But the Search & Hamburger icons are misaligned now. Tried fixing it, but couldn’t.

Help would be greatly appreciated.
Thanks

July 19, 2017 at 3:48 pm #824037

Victoria
Inactive Moderator

Hi rengarajan,

Could you please disable caching and minification. I need to test my solution on your website and it’s hard to do it, when those are on.

Best regards,
Victoria

July 19, 2017 at 3:57 pm #824043

rengarajan
Participant

Hello Victoria,

My website uses Better WordPress Minify plugin. I have disabled this.
I do not use any caching plugins for wordrpess or at hosting level.

Really appreciate your help.

Warm Regards

July 20, 2017 at 6:07 pm #824742
Victoria
Inactive Moderator
Hi,

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: 989px) and (min-width: 768px) {
  .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a {
    height: 59px;
    line-height: 59px;
  }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
July 20, 2017 at 6:59 pm #824798

rengarajan
Participant

Hi Victoria,

The Search & Hamburger icons are still misaligned as earlier in iPad.

July 26, 2017 at 5:23 am #829937

Ismael
Moderator

Hi,

Could you please provide a screenshot of the issue? I checked the page but the search icon is disabled.

Best regards,
Ismael

July 26, 2017 at 9:04 am #830004
rengarajan
Participant
Hello Ismael,

The issue seems to be fixed now. Not sure why Victora’s code didn’t work earlier though.

Thanks!
- This reply was modified 7 years, 4 months ago by rengarajan.
July 26, 2017 at 10:24 am #830072

Sarah
Inactive Moderator

That’s great! Do you still need further help with this topic?

Best regards,
Sarah

July 28, 2017 at 2:21 pm #831044

rengarajan
Participant

Sarah,

Thanks! You can close this.

July 28, 2017 at 4:10 pm #831112

Sarah
Inactive Moderator

Great!

For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.

For your information, you can also take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

Thank you for using Enfold.
Cheers!
Sarah
Author

Posts

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

The topic ‘Header issues in Enfold 4.1.1’ is closed to new replies.