BAckgrundcolor on mobile

[Raab]

Is there any possibility to edit the background color just for mobile ?

I choosed a very light backgroundcolor and white fontcolor for the navigation, which looks great on desktop.
But on mobile the background-image is not shown, just the backgroundcolor. And this is not good to read.
See: website-wp.waytation.com

Thanks

Alexandra

[jade]

Hi Alexandra,

Please set the a value in X > Theme Options > Header > Navbar Top Height (px) to 119px.

Then add this code in the custom JS:

jQuery(function($){

	$(window).scroll(function(){

		if( $(this).scrollTop() == 0 ) {
			$('.x-navbar-fixed-top').removeClass('x-navbar-fixed-top');
		}

	});

});

Then add this code to the custom CSS:

.masthead {
    position: absolute;
    width: 100%;
}

Hope this helps.

[Raab]

Sorry, but I can´t see any fontcolor in this code!? What does that code change on my site?

[thai]

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

@media (max-width: 979px){
    .x-navbar {
        background-color: #505050 !important;
    }
}

Let us know how it goes!