Navigation
Archive / Topper Background colour not matching between desktop and mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 17, 2016 at 4:34 am #1134920
    Vit M
    Participant

    Hi Xtheme legends!

    I need some help please .. our top bar has normally green background colour and font white but when viewing site from smaller screens the background goes white and font can no longer be readable..

    Can you please advise how to fix this?

    Thanks

    URL : http://www.vitfit.com.au
    WP version : not sure
    X : 4.5.2

    August 17, 2016 at 6:18 am #1135038
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    @media (max-width: 767px){
	.x-topbar .p-info {
	    background-color: #59aa36;
	}
}

    Hope it helps 🙂

    September 8, 2016 at 5:33 pm #1167126
    Vit M
    Participant

    I did that but still no luck.. can you help further please?

    September 9, 2016 at 12:25 am #1167557
    Darshana
    Moderator

    Hi there,

    Can you please try changing above code as follows. 

    
@media (max-width: 767px){
	.x-topbar .p-info {
	    background-color: #59aa36 !important;
	}
}

    Make sure to clear your cache before testing your site.

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1134920 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>