Menu not covering top slideshow on mobiles

Home Forums Pro Support Menu not covering top slideshow on mobiles

This topic contains 12 replies, has 2 voices, and was last updated by Kriti Sharma Kriti Sharma 3 weeks, 4 days ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #69216

    The plugin has been working perfectly for almost one year on desktop, tablets and mobiles. Suddenly today without having changed anything the menu is not covering the top slideshow on mobile views.

    The top slideshow is generated by the plugin “Meteor Slides”. If I disable this plugin, the menu does still not cover the top space where the header should be.

    I am attaching mobile screenshots with and without the Meteor Slides plugin activated.

    Please advise how this issue can be resolved.

    Attachments:
    You must be logged in to view attached files.
    #69219

    The website address is as follows:

    https://focusingonwildlife.com/news/

    Hope you can resolve this issue.

    #69220
    Kriti Sharma
    Kriti Sharma
    Keymaster
    This reply has been marked as private.
    #69221

    In the meantime I have discovered that the problem was caused after updating the theme.

    After reverting to the previous theme version the problem has been resolved.

    Thanks for your understanding.

    #69222
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Ken,

    I am glad that the issue came into notice as soon as possible.

    I also inspected the code of your website in Google Chrome and used some CSS code to fix the issue and it got resolved in the browser window. However, now we don’t have to apply the CSS as the problem was with the updated version of theme.

    Have a nice day!

    Kind Regards,
    Varun Kumar

    #69223

    Hi Varun

    It would be good to have the css code, so that we can use the latest version of the theme.

    Please confirm the code and where to insert it.

    Thanks in advance.

    #69224
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Ken,

    I used the following CSS code on the website to resolve the issue.

    @media screen and (max-width:767px){
    .site-header{
    position: relative !important;
    z-index: -1;
    }
    }

    Paste the above code as it is in the ‘Additional CSS’ section of the customizer and see if that helps.

    Thank you for reaching out to us. Please don’t hesitate if you need further assistance.

    Regards,
    Varun Kumar

    #69225

    Hi Varun

    The css code worked perfectly with the latest version of the theme.

    Thanks for the great support.

    #69226
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Ken,

    I am glad that it helped you with the issue.

    Thanks for being our valuable customers.

    Kind Regards,
    Varun Kumar

    #69318

    Hi Varun

    Further to our discussions I have noticed a difference in behaviour as follows:

    1) Home Page – the responsive menu works perfectly with the css code you gave me.

    2) Posts – there is a wide, 100% opaque border to the right of the menu, which is undesirable.

    Please find attached 2 screenshots showing the difference between the home page and posts.

    How can this problem with the posts be resolved?

    Best regards

    Ken

    Attachments:
    You must be logged in to view attached files.
    #69321
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hey Ken,

    I’ve just tested this and it worked fine for me.

    I went to your website, then checked all the links on both responsive and on the menu bar. I checked it on my mobile phone and even inspected it using the browser’s responsive feature.

    I am attaching the screenshot with my response. Can you please let me know what I’m missing here?

    Regards,
    Kriti Sharma

    Attachments:
    You must be logged in to view attached files.
    #69323

    Hi Kriti

    Now it seems to be working OK.

    Problem solved!

    Thanks for the great support.

    Ken

    #69324
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Ken,

    I am glad that the issue is resolved.

    Thanks for reaching out to us.

    Regards,
    Kriti

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

The topic ‘Menu not covering top slideshow on mobiles’ is closed to new replies.