Align Gallery on Tablet

  • Resolved MTV High School

    (@mtv-high-school)


    9 years ago

    Hi,
    Although my image gallery is successfully aligned on desktops and on a iphone,
    when tested on a ipad it all cut off, is there a way to fix this?

    the link is https://www.mtvhighschool.com/mtv-pictures

    I used the following code to align it on desktop and mobile devices:

    For desktop:

    .gallery-row {width: 100% !important; margin-left: 20%; margin-right: 20%; }
    .wp-caption-text {font-size: 100%;}

    For Mobile devices:

    @media all and (max-width:480px){
    .gallery-row {
    width: 100% !important;
    margin-left: 1%;
    margin-right: 1%;
    }
    }

    (Is there no way to just make it responsive as it was with my previous theme?)

    Thank You

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author OptimizerWP

    (@layerthemes)

    Try adding this to your Custom CSS too:

    @media all and (max-width:960px){
.gallery-row {
width: 100% !important;
margin-left: 2%;
margin-right: 2%;
}
}

    Regards

    Thread Starter MTV High School

    (@mtv-high-school)

    Thank you that worked,

    One more thing, for a desktop computer, although it’s aligned in the middle, it’s not taking up the full screen width, is it possible to have it take up most of the width?

    Thank you

    Theme Author OptimizerWP

    (@layerthemes)

    Hi, You will have to ask the Jetpack developers about this.

    Thanks

    Thread Starter MTV High School

    (@mtv-high-school)

    OK Thank You

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Align Gallery on Tablet’ is closed to new replies.