Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1010975
    ahurlburt53
    Participant

    I think I have some css conflict. The desktop version is what I want to display versus what is displaying on mobile. Mainly for the other pages except the home page. below is a screenshot of what is displaying on mobile. I want to remove the light blue affect while viewing on mobile. ( make the background white )

    screen shot http://i.imgur.com/vMTizND.png

    website
    http://www.tampabaywebsitedesigner.com/tampa-web-design-company/

    #1011113
    Joao
    Moderator

    Hi There,

    You have a mediaquery that sets your background to be white just in screens bigger than 979px

    Please find this CSS

    @media (min-width: 979px) {
    .page .x-main.full .x-container.max.width {
        background-color: #fff;
        padding: 0 5%; } }
    

    and change for this that way your padding will aim just the screens up to 979px but the background will be white on all devices

    
    @media (min-width: 979px) {
    .page .x-main.full .x-container.max.width {
           padding: 0 5%; } }
    
    .page .x-main.full .x-container.max.width {
        background-color: #fff !important; }

    Hope that helps,

    Joao

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