Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Menu not covering top slideshow on mobiles

Home › Forums › Pro Support › Menu not covering top slideshow on mobiles

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 14, 2019 at 9:00 pm #69216
    Kenny SupertrooperKenny Supertrooper
    Participant

    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.
    September 14, 2019 at 9:22 pm #69219
    Kenny SupertrooperKenny Supertrooper
    Participant

    The website address is as follows:

    https://focusingonwildlife.com/news/

    Hope you can resolve this issue.

    September 15, 2019 at 5:10 am #69220
    Kriti SharmaKriti Sharma
    Keymaster
    This reply has been marked as private.
    September 15, 2019 at 9:52 am #69221
    Kenny SupertrooperKenny Supertrooper
    Participant

    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.

    September 15, 2019 at 11:44 am #69222
    Kriti SharmaKriti 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

    September 15, 2019 at 11:49 am #69223
    Kenny SupertrooperKenny Supertrooper
    Participant

    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.

    September 15, 2019 at 12:18 pm #69224
    Kriti SharmaKriti 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

    September 15, 2019 at 3:57 pm #69225
    Kenny SupertrooperKenny Supertrooper
    Participant

    Hi Varun

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

    Thanks for the great support.

    September 15, 2019 at 4:14 pm #69226
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Ken,

    I am glad that it helped you with the issue.

    Thanks for being our valuable customers.

    Kind Regards,
    Varun Kumar

    September 25, 2019 at 8:52 am #69318
    Kenny SupertrooperKenny Supertrooper
    Participant

    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.
    September 25, 2019 at 12:14 pm #69321
    Kriti SharmaKriti 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.
    September 25, 2019 at 12:24 pm #69323
    Kenny SupertrooperKenny Supertrooper
    Participant

    Hi Kriti

    Now it seems to be working OK.

    Problem solved!

    Thanks for the great support.

    Ken

    September 25, 2019 at 12:34 pm #69324
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Ken,

    I am glad that the issue is resolved.

    Thanks for reaching out to us.

    Regards,
    Kriti

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Menu not covering top slideshow on mobiles’ is closed to new replies.