Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • July 15, 2017 at 4:04 pm #821706
    rengarajan

    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

    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

    Hi!

    Link added in Private content…

    July 16, 2017 at 12:12 am #821869
    Arne

    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

    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

    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

    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

    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

    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

    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

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

    July 17, 2017 at 6:32 pm #822810
    Victoria

    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

    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

    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

    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

    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

    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

    Hi Victoria,

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

    July 26, 2017 at 5:23 am #829937
    Ismael

    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

    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

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

    Best regards,
    Sarah

    July 28, 2017 at 2:21 pm #831044
    rengarajan

    Sarah,

    Thanks! You can close this.

    July 28, 2017 at 4:10 pm #831112
    Sarah

    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.