Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 27, 2017 at 1:58 am #783750
    spenflash

    Hi, after upgrading to Enfold v4.05 I noticed that from ~768px to about ~650px, the main menu on my site disappears – turns white but seems to still be there – and the header up shifts up. It may be related to the Layerslider WP since it seems to be very buggy. Any code or suggests would be most helpful. Thanks, Steve

    April 29, 2017 at 4:00 pm #784988
    Victoria

    Hey Steve,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.

    Have you flushed cache after update? Could be old minified css.
    Best regards,
    Victoria

    May 1, 2017 at 5:20 pm #785861
    spenflash

    Hi Victoria,

    Please see the private message below.

    Thank you!

    Steve

    May 2, 2017 at 4:56 am #786099
    Rikard

    Hi Steve,

    It looks like you have done some customisations to the header? Could you try to remove those to see if that could be the cause?

    Best regards,
    Rikard

    May 2, 2017 at 3:51 pm #786454
    spenflash

    Hi Rikard,

    Thanks for your ideas! Yes, I just temporarily deactivated my header code, flushed the WP Fastest Cache – Premium – plugin, and the same problem ensues. However, when I go to LayerSlider WP > Slider Settings > Layout > and go from Responsive to Fixed Sized it solves the problem. However, the fixed slider is a little rough around the edges (and doesn’t look very professional) especially for mobile so I definitely want the responsive layout to work. I’ve only had this problem since upgrading to Enfold v4.

    So would it be a correct to assume that my header / menu issue has something to do with the container size of the Layerslider WP, responsive vs. fixed? I’ve read other users in this forum are having similar issues. And I also read that the Layerslider WP hasn’t been updated for some time, but I did not confirm this.

    Any other ideas?

    Thank you! for your time!

    Steve

    May 2, 2017 at 9:35 pm #786725
    Victoria

    Hi Steve,

    You don’t need to give us your credentials. In fact, it is better if you could create a temporary admin account, which will be disabled, once we close the issue.

    From what I was able to see today, the issue with white line below the header appeared from 990px until 767px, when mobile styles fixed it. So I would suggest applying mobile styles starting from 990px.

    Best regards,
    Victoria

    May 2, 2017 at 11:08 pm #786783
    spenflash

    Hi Victoria,

    I already knew of that alternative, but I’d like the mobile menu to appear at 767px not 990px. Thanks for the suggestion though.

    Steve

    May 4, 2017 at 3:15 am #787514
    Ismael

    Hi,

    In the Enfold > Header > Mobile Menu panel, look for the “Header Mobile Menu activation” and select the first option.

    Best regards,
    Ismael

    May 4, 2017 at 3:28 pm #787860
    spenflash

    Hi Ismael,

    Thanks! Yes, I believe I misspoke above. I am aware of toggle in the Enfold theme settings between 768px and 990px. I’d like the mobile menu to appear at 990px (and not 768px) for tablets and mobile which is easy to do of course. The rationale behind 990px is that I have a lot of menus across the header.so the mobile menu is a great tool to have at this size.at 990px and below. But anyway, my problem at from approximately 850px to 990px still remains. The menu container appears appears to turn white and the header plus menu area shifts up. This has only happened in Enfold v4. And I do have custom header code as referenced above, but I disabled it and the problem remains. However, when I go to LayerSlider WP > Slider Settings > Layout > and go from Responsive to Fixed Sized it solves the problem but I definitely don’t want to use the fixed layout option.

    Thanks!

    Steve

    May 5, 2017 at 11:40 am #788327
    Ismael

    Hi,

    The header shifts because the “position” property is being set to “fixed”. Please try this css code:

    @media only screen and (max-width: 990px) {
  /* Add your Mobile Styles here */
  .html_header_top.html_header_sticky #header {
      position: relative !important;
  }

  .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 50px !important;
  }
}

    Best regards,
    Ismael

    May 5, 2017 at 3:55 pm #788455
    spenflash

    Hi Ismael,

    That works! Thank you very much for your expertise on this problem! I appreciate it!

    Steve

    May 6, 2017 at 12:17 pm #788791
    Ismael

    Hi,

    Great! Glad we could help. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Header / Pseud Menu problem at 768px -Problem after upgrading to version 4’ is closed to new replies.