#133455 Sticky menu not working on mobile

Landing Forums JupiterX WordPress Theme Sticky menu not working on mobile

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • Anthony Maid2Satisfy

    Earlier today I noticed the sticky menu was working on desktop but not on mobile.

    It has always worked on mobile not sure what has happened?

    Thanks,

    Anthony

    Anthony Maid2Satisfy

    Now it seems to not even be working on desktop.

     

    Amir Rather Support Team

    Hi There

    I see it working here https://take.ms/royva

    Could you please clear the browser or check on a different one?

    Regards

    Anthony Maid2Satisfy

    I see that it is working for the desktop.  But for whatever reason, it is not working on mobile and it always has in the past.

    Amir Rather Support Team

    Try disabling the WP Rocket plugin and then check the mobile header.

    Regards

    Anthony Maid2Satisfy

    That did not fix the problem.

    Anthony Maid2Satisfy

    Here are the custom CSS

    .box {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: rgba(54, 25, 25, .5);
    }
    @media screen and (max-width: 768px) {
    .mk-header-bg {
    background-image: unset !important;
    }
    }
    @media handheld, only screen and (max-width: 767px) {
    .mk-header {
    position: absolute;
    }

    body #theme-page {
    padding-top: 90px !important;
    }
    }
    @media handheld, only screen and (max-width: 1140px){
    body .header-style-2 .header-logo {
    left: 0px !important;
    }

    .mk-header-toolbar {
    background-color: #c3c3c3;
    display: none;
    }

    @media handheld, only screen and (max-width: 960px) {
    header#mk-header-1 {
    position: fixed;
    }

    #theme-page > .wpb_row.vc_row {
    margin-top: 60px;
    }
    }

     

    I’ve not had an issue with this in years.

    Anthony Maid2Satisfy

    When I am logged into the website on my computer and shrink the screen down to the size of a phone, the menu changes like it should and it acts correctly meaning it is a sticky menu.

    But when I log out or am on my phone the menu does not act correctly.

    Any suggestions?

    Anthony Maid2Satisfy

    Here are some screenshots of issues with the menu

    No sticky menu is working on any pages.

    BUT .. ……

    on http://www.maid2satisfy.com/central  (this is sort of like a website within a website) the menu is not working at all (screenshot provided) and a normal screenshot has been provided as well.

    Anthony Maid2Satisfy

    Ok well the previous issue with the screenshot for the http://www.maid2satisfy.com/central where the menu was all messed up seemed to resolve itself, unsure how but it did.

    However, the only issue that remains is that the sticky menu does not work for the site.

    Mohsin Al-Rabieai Support Team

    Hi Anthony,

    Sorry for the delayed response. But I tried a couple of devices and I can see that the sticky header and sticky menu works fine on both mobile and desktop. Did you manage to fix the issue already?

    Bests

    Anthony Maid2Satisfy

    No there are still issues,  please look at support ticket #133526

    The menu is not appearing on these 3 pages for some unknown reason

    On mobile the hamburger menu lines appear but when clicked it does nothing, on desktop the menu is non-existent

    Mohsin Al-Rabieai Support Team

    Hi Anthony,

    Would you please disable the Rocket Loader integration on your CloudFlare account? It is causing an issue with the menu and the sticky header.

    Bests

Viewing 13 posts - 1 through 13 (of 13 total)
You must be logged in to reply to this topic.
Login