-
AuthorPosts
-
July 15, 2017 at 4:04 pm #821706
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.12. 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 #821795Hey rengarajan,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaJuly 15, 2017 at 8:09 pm #821806Hi!
Link added in Private content…
July 16, 2017 at 12:12 am #821869Hello!
I think I have the same problem as #1: http://imgur.com/a/Ncb8lThank you for your help!
July 16, 2017 at 1:46 pm #822013Hi 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,
VictoriaJuly 16, 2017 at 2:32 pm #822021Hello,
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 #822055Hi rengarajan,
I checked in Vivaldi, there is no hamburger menu there. Please clear the cache and check again.
Best regards,
VictoriaJuly 16, 2017 at 4:08 pm #822056Hi 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,
VictoriaJuly 17, 2017 at 3:10 pm #822659Hi Victoria,
that code solved my problem – thanks! Will it be included in a future update or do I need this fix permanently?Best reagrds
ArneJuly 17, 2017 at 4:17 pm #822722Hello 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 #822725I have a similar problem http://www.onesixone.co.uk
July 17, 2017 at 6:32 pm #822810Hi 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,
VictoriaJuly 17, 2017 at 6:33 pm #822811Hi MartinNorton,
Could you please describe your issue in more detail? The header looks fine to me.
Best regards,
VictoriaJuly 17, 2017 at 7:53 pm #822875Hello 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.
ThanksJuly 19, 2017 at 3:48 pm #824037Hi 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,
VictoriaJuly 19, 2017 at 3:57 pm #824043Hello 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 #824742Hi,
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,
VictoriaJuly 20, 2017 at 6:59 pm #824798Hi Victoria,
The Search & Hamburger icons are still misaligned as earlier in iPad.
July 26, 2017 at 5:23 am #829937Hi,
Could you please provide a screenshot of the issue? I checked the page but the search icon is disabled.
Best regards,
IsmaelJuly 26, 2017 at 9:04 am #830004Hello 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, 5 months ago by rengarajan.
July 26, 2017 at 10:24 am #830072That’s great! Do you still need further help with this topic?
Best regards,
SarahJuly 28, 2017 at 2:21 pm #831044Sarah,
Thanks! You can close this.
July 28, 2017 at 4:10 pm #831112Great!
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 -
AuthorPosts
- The topic ‘Header issues in Enfold 4.1.1’ is closed to new replies.