mobile header not responding

Home Forums Legacy Support 4.0 Bugs & Issues mobile header not responding

Viewing 15 posts - 1 through 15 (of 29 total)
  • Author
    Posts
  • #299076
    Ribaat
    Participant
    hi i have been having multiple issues with my website and have been asked to create separate forum. the original forum can be found here: https://wplms.io/support/forums/topic/theme-not-responding/ the issues that have not been resolved and i am creating a new forum are issues 1 and 2 which only occurs in mobile view mode. issue 1: the sticky header goes white or transparent when you scroll down - https://prnt.sc/tw0k5e issue 2: login details on app style header does not always show. most of the times it is blank http://prnt.sc/tw0l8y
    #299257
    Jackson
    Blocked
    Hello, Please deactivate all third-party plugins. Update all plugins according to theme version, Clear cache try to change header style from appearance>>Customize>>header>>style, Thanks,
    #300580
    Ribaat
    Participant
    This reply has been marked as private.
    #300609
    MrVibe
    Keymaster
    Check Customizer color settings of the Header. WP admin - Apperance - customizer - Header https://prnt.sc/ub9c5d
    #300918
    Ribaat
    Participant
    hi i checked customiser colour settings of the header. its the same colour (#004f45) that i chose, have a look - http://prnt.sc/ubu7hf but its does not show this colour in mobile mode (https://prnt.sc/tw0k5e)
    #301114
    Veronica
    Moderator
    hi i think the custom css is applying we need to check on your site please share details in private reply
    #301197
    Ribaat
    Participant
    This reply has been marked as private.
    #301385
    Jackson
    Blocked
    Hello, Goto appearance>>customize>>custom css and use code given below: @media (max-width: 767px){ header.mooc.app.fix { background-color:#004f45 !important; } } Refer: https://prnt.sc/ucya5x Thanks,
    #301518
    Ribaat
    Participant
    Hi jack thank you for your response and for helping. now that i added the code, i lost the transparency when you scroll fully up. https://prnt.sc/ud9qok desktop version works perfectly fine, always did: https://prnt.sc/ud9r9f its only mobile and tablet view that i experience this problem: https://prnt.sc/ud9qok and https://prnt.sc/ud9xye
    #301623
    Jackson
    Blocked
    Hello, Yes, when i put background color for header , it would be set for both scroll or non scroll page, This is resolved if you want to put transparent for non scroll screen then have to check all css and plugins because this is happens due to some one conflict on your website, Thanks,
    #301684
    Ribaat
    Participant
    i dont know how to do that. i am not an expert in CSS or web development which is why i paid support for 12 months. i dont know what i am doing and need your help please. i dont know how to search for this conflict. can you help me please?
    #302025
    Jackson
    Blocked
    Hello, From your given user name or password , I am not able to access wp-admin dashboard, First please check this and share same user name password by which , i can access wp-admin dashboard, Thanks,,
    #302063
    Ribaat
    Participant
    This reply has been marked as private.
    #302240
    Jackson
    Blocked
    Hello, okay, I found a solution for this first please remove code from custom css section: this code is available in custom css section remove this first: /* Remove this code first from custom css section */
    @media (max-width: 767px)
    header.mooc.app.fix {
        background-color: #004f45 !important;
    }
    After that goto wplms >>footer>google analytics code and paste this code
    jQuery(document).scroll(function($){
     $("header.mooc.app.fix").css("background-color", "yellow");
    });
    Thanks,
    #302809
    Ribaat
    Participant
    hello thank you soo much for finding a solution. i am really looking forward in trying it out and using that code. but for some reason, since yesterday, wplms vipe options is not working, it is blank. all the pages/options are blank so i cannot add the new code or change my footer or anything. all you see is this https://prnt.sc/uez9ta you can try and go into the site and have a look to confirm what i mean
Viewing 15 posts - 1 through 15 (of 29 total)
  • The topic ‘mobile header not responding’ is closed to new replies.