- This topic has 1 reply, 2 voices, and was last updated 5 years, 7 months ago by
.
Hello. The site appears to be working well so far on desktop but when I open it on mobile I am having some problems.
The URL is osmosisjourney.com
Problems: 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.
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?
Thanks for your help with this.
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
