Full width/gallery query

  • emma97

    (@emma97)


    5 years, 10 months ago

    Hi,

    I already have the linked page set to full-width, however I would like the gallery of images to fill the screen. At the moment it is nowhere near the full width of the screen. Is there a way to manually adjust this with a css code?

    I currently have the gallery set to 2 columns, however when viewing the page on mobile is there a way to do 2 columns apart from landscape images which would be viewed better as 1 column?

    Many thanks,
    Emma

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Fotis

    (@markwaregr)

    5 years, 10 months ago

    Hi,
    you can add this

    .col-md-offset-2{
 margin:0;
    width:100%;
    max-width:100%;
}

    in your custom CSS box under Customize-▸Additional CSS

    But you will need to refresh your image cache, so close Photon CDN service (Site Accelerator from jetpack)

    Let me know if this worked for you.

    Thread Starter emma97

    (@emma97)

    5 years, 10 months ago

    Hi,

    That’s great thank you!

    It has made the gallery full-width, but is there also a way to make the landscape images 1 column on mobile view? As otherwise they are very small.

    Thanks,
    Emma

    Fotis

    (@markwaregr)

    5 years, 10 months ago

    Hi,
    try this

    @media(max-width:767px){
.blocks-gallery-item{flex:0 0 100%;max-width:100%;}
}

    in your custom CSS box under Customize-▸Additional CSS

    Let me know if this worked for you.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Full width/gallery query’ is closed to new replies.