Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 13, 2017 at 1:46 pm #888334
    nigelpengelly

    HI,
    On my website at: http://www.woodstockguesthouse.co.uk/ the room pictures on the homepage aren’t responsive.
    Is there anyway of fixing this?
    Thanks.

    Issue with room / product pictures

    December 13, 2017 at 11:12 pm #888602
    Nikko

    Hey nigelpengelly,

    The image could not be viewed, can you upload the image to https://imgur.com/ and post the link here.

    Best regards,
    Nikko

    December 14, 2017 at 12:17 pm #888847
    nigelpengelly

    Nikko,
    Sorry – here is the link: https://imgur.com/a/hPwq8

    December 15, 2017 at 6:08 am #889196
    Rikard

    Hi,

    Thanks for that, the breakpoint for those going into 2 columns is 767 pixels. Do you want to change that? At what pixel width do you want them to go into 2 columns?

    Best regards,
    Rikard

    December 15, 2017 at 2:09 pm #889298
    nigelpengelly

    Rikard,
    Thanks for getting back.
    I’m not sure on the actual pixel size. My client viewed the webpage on his iPad – so whatever size would work best on a mobile device such as an iPad, I guess?
    What might you suggest?
    Nigel.

    December 16, 2017 at 9:53 am #889504
    Rikard

    Hi Nigel,

    I’m not sure, you are the one asking for changes :-)

    So how many columns do you want on the ipad?

    Best regards,
    Rikard

    December 18, 2017 at 3:24 pm #890039
    nigelpengelly

    Rikard,
    How about two columns?
    Would you be able to do that?
    Nigel.

    December 18, 2017 at 7:43 pm #890204
    Victoria

    Hi Nigel,

    The code below makes the container wider, maybe this works better for you?
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) {
  .container {
    padding: 0px 10px;
    width: 90%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 20, 2017 at 12:58 pm #890753
    nigelpengelly

    Victoria,
    Thanks for getting back.
    I’ve added the coding as you directed, but the pictures on the home page are still being cropped when viewed on a mobile device (see image here: https://imgur.com/a/MjEO8)
    Would you be able to help?
    Nigel.

    December 21, 2017 at 8:30 pm #891340
    Victoria

    Hi Nigel,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 990px) {
  .av-masonry-entry .av-inner-masonry-content {
    padding: 10px;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.