• Closed
  • Richard Burt
    Spectator
    July 26, 2016 at 12:26 pm #29349

    Hi,

    My site pc-support.uk.com has the sticky headers disabled but when I look at it on a phone or tablet the sticky header menu “triple bar” still appears.

    How can I get rid of it?

    Denzel Chia
    Moderator
    Posts: 2656
    July 27, 2016 at 1:29 am #29378

    Hi,

    Please post your website URL again.
    I cannot get it to resolve to your website.

    Thank you

    Richard Burt
    Spectator
    Posts: 8
    July 27, 2016 at 9:02 am #29388

    Sorry, nameserver problems.

    You can access it now.

    Daniel Jones
    Spectator
    Posts: 148
    July 27, 2016 at 11:10 am #29394

    Hi Richard,

    Thanks for reaching out to us again.

    Kindly could you share with me temporary login credentials so that I can investigate the issue from that end. You may delete or change the credentials after we’re done. Please ensure to mark the reply as Private.

    Looking forward to your reply.

    Richard Burt
    Spectator
    Posts: 8
    July 27, 2016 at 11:16 am #29395
    This reply has been marked as private.
    Richard Burt
    Spectator
    Posts: 8
    July 27, 2016 at 11:24 am #29396

    Screenshot: https://1drv.ms/i/s!AmI4Tu_UZdKUmLsMjcF6ZgOkHkjHeA

    Daniel Jones
    Spectator
    Posts: 148
    July 27, 2016 at 6:00 pm #29397

    Hi Richard,

    Thanks for your reply.

    We have investigated the URL you have provided us with and we were able replicate this issue as well in our development environment.

    I will send this over to the development team so they can investigate this issue.

    In the interim if you would like to remove the sticky menu on mobile devices, please use the Custom CSS Code below.


    /* Hides Sticky Menu On Mobile Viewports*/
    @media (max-width:767px){
    .menu-header-sticky {
    display: none !important;
    }
    }

    From the screenshot you provided we did notice that the mobile menu was not aligned properly and added the following CSS Code to resolve this issue


    /* Mobile responsive support */
    @media (max-width:767px){
    .nav-holder {
    margin: 0 auto !important;
    width: auto !important;
    }
    }

    Please let me know if there are any more questions that I can answer for you 🙂

    Cheers!

    Richard Burt
    Spectator
    Posts: 8
    July 27, 2016 at 6:14 pm #29398

    I applied the code to my custom CSS section and it hid the main menu, not the sticky menu!

    Thoughts?

    Many thanks for aligning the mobile menu for me.

    Daniel Jones
    Spectator
    Posts: 148
    July 27, 2016 at 6:18 pm #29399

    Hi Richard,

    Thank you for replying with this information.

    ​May I ask you to remove the previously provided Custom CSS Code for the sticky menu while we await a response from the development team.

    Please let me know if there are any more questions that I can answer for you 🙂

    Cheers!

    Richard Burt
    Spectator
    Posts: 8
    July 27, 2016 at 6:19 pm #29400

    Done.

    Richard Burt
    Spectator
    Posts: 8
    July 29, 2016 at 11:01 am #29473

    I’ve turned my security back on. Let me know when / if anyone wants access back into the site please.