Featured Page has white square when viewed in smaller browser or mobile

  • Resolved David_G

    (@questas_admin)


    10 years, 1 month ago

    I have added the snippet to eliminate the white square from around the Featured Images and works fine in full sized browser, but when viewed from a mobile device or a minimized browser window, the white square around the images is back. Any ideas how to fix this.
    Thanks.
    http://youneedthissite.com/site1

Viewing 5 replies - 1 through 5 (of 5 total)
  • Rocco Aliberti

    (@d4z_c0nf)

    10 years, 1 month ago

    Adding this to your child theme style.css

    @media (max-width: 979px){
    .round-div, .span3 .widget-front .round-div {
        border-color: #FF7F50;
    }
}

    Should work.

    Thread Starter David_G

    (@questas_admin)

    10 years, 1 month ago

    Thanks for that snippet, I was hoping, but that didn’t work. I have found I can shrink down my browser size (not full screen) and when it’s about half size (width) is when the stupid white rectangles appear. This is driving me crazy. I have been disabling snippets of code in my style.css one by one to try to fix it. I am using a child.

    stephencottontail

    (@stephencottontail)

    10 years, 1 month ago

    Looks like you need span4 instead of span3 in that rule.

    Rocco Aliberti

    (@d4z_c0nf)

    10 years, 1 month ago

    Hehe, ops my fault, stephencottontail is right!
    Sorry for my mistake

    Thread Starter David_G

    (@questas_admin)

    10 years, 1 month ago

    Thanks to both of you, that seemed to do the trick. It is now working great. Your help is most appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Featured Page has white square when viewed in smaller browser or mobile’ is closed to new replies.