Hi @DavidsonJ,

I hope you are well today and thank you for your questions.

On Desktop my header stays white which is what I would like to happen on mobile. On mobile the header turns invisible, which I would like to disable.

You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

div#header-mobile {
    background: #FFF !important;
}

div#header-mobile .sh-header-builder-main-element-icon{
    color: rgba(61,61,61,.69) !important;
}
div#header-mobile .sh-header .c-hamburger span, 
div#header-mobile .sh-header .c-hamburger span:before, 
div#header-mobile .sh-header .c-hamburger span:after, 
div#header-mobile .sh-header-mobile-navigation .c-hamburger span, 
div#header-mobile .sh-header-mobile-navigation .c-hamburger span:before, 
div#header-mobile .sh-header-mobile-navigation .c-hamburger span:after {
    background-color: rgba(61,61,61,.69) !important;
}

The slider revolution slide I created doesn’t work well on mobile. The text collapses and runs into each other. How do I fix this?

 

There is a weird grey colored bar that appears behind the slider on mobile. How do I get rid of it?

You have to make the slider responsive as described in the below pages.

https://support.stylemixthemes.com/revolution-slider-responsive-settings

https://themes.zone/docs/how-to-make-slider-revolution-responsive/

https://www.themepunch.com/slider-revolution/responsive-settings/

https://www.themepunch.com/revslider-se-doc/layer-responsive-behavior/

Best regards,
Shufflehound team