mobile header not responding

[Ribaat]

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

• This topic was modified 2 years, 9 months ago by Ribaat.

[Jackson]

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,

[Ribaat]

This reply has been marked as private.

[Mr.Vibe]

Check Customizer color settings of the Header.
WP admin – Apperance – customizer – Header

https://prnt.sc/ub9c5d

[Ribaat]

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)

[Veronica]

hi
i think the custom css is applying we need to check on your site please share details in private reply

[Ribaat]

This reply has been marked as private.

[Jackson]

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,

[Ribaat]

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

[Jackson]

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,

[Ribaat]

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?

[Jackson]

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,,

[Ribaat]

This reply has been marked as private.

[Jackson]

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,

[Ribaat]

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