Home › Forums › Legacy Support › 4.0 Bugs & Issues › mobile header not responding
- This topic has 28 replies, 4 voices, and was last updated 4 years, 2 months ago by Veronica.
-
AuthorPosts
-
August 29, 2020 at 1:44 am #299076RibaatParticipanthi 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/tw0l8yAugust 29, 2020 at 10:55 am #299257JacksonBlockedHello, 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,September 3, 2020 at 8:20 pm #300580RibaatParticipantThis reply has been marked as private.September 4, 2020 at 3:42 am #300609MrVibeKeymasterCheck Customizer color settings of the Header. WP admin - Apperance - customizer - Header https://prnt.sc/ub9c5dSeptember 5, 2020 at 1:19 am #300918RibaatParticipanthi 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)September 5, 2020 at 11:53 am #301114VeronicaModeratorhi i think the custom css is applying we need to check on your site please share details in private replySeptember 5, 2020 at 10:53 pm #301197RibaatParticipantThis reply has been marked as private.September 7, 2020 at 10:46 am #301385JacksonBlockedHello, 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,September 7, 2020 at 9:58 pm #301518RibaatParticipantHi 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/ud9xyeSeptember 8, 2020 at 7:06 am #301623JacksonBlockedHello, 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,September 8, 2020 at 10:10 am #301684RibaatParticipanti 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?September 9, 2020 at 11:44 am #302025JacksonBlockedHello, 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,,September 9, 2020 at 2:16 pm #302063RibaatParticipantThis reply has been marked as private.September 10, 2020 at 7:36 am #302240JacksonBlockedHello, 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 */
After that goto wplms >>footer>google analytics code and paste this code@media (max-width: 767px) header.mooc.app.fix { background-color: #004f45 !important; }
Thanks,jQuery(document).scroll(function($){ $("header.mooc.app.fix").css("background-color", "yellow"); });
September 10, 2020 at 2:30 pm #302809RibaatParticipanthello 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 -
AuthorPosts
- The topic ‘mobile header not responding’ is closed to new replies.