Images not scaling properly

Sydney Pro
#1

Hi support, I have two images near the bottom of the homepage; ‘Inverclyde Coastal Path’ and ‘Puck’s Glen and the Massan Loop’. Both images are the same size and appear side-by side. When the browser window is changed and the page refreshes a blue panel (background color) appears within the image panel. Sometimes on the left image and sometimes on the right image:

www.inverclyderamblers.org.uk

look forward to your comments

Thanks
Tom

#2

Hi Tom,

Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 780px) {
      #pg-5160-9 .panel-grid-cell {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
    }

I request you giving it a try. If this doesn’t resolve your issue, please proivde some more information:

  • What is your screen resolution?
  • Please provide a screenshot of the issue you are seeing?

Regards,
Kharis
aThemes Support

#3

Hi Kharis, tried the css but problem still there
screen res is 5120 x 2880 iMac
image size for each is 2997x1636 pixels

link to screenshot here:

thanks
T

#4

Hi,

Thank you for getting back.

It seems likely you need to set cover background for that column.

Regards,
Kharis
aThemes Support

#5

Hi Kharis,
I haven’t used Elementor on the site, I’m currently using SiteOrigin’s Pagebuilder. If the problem persists I can change to Elementor although I’m unsure if the two systems can work together or if the entire site needs to be rebuilt in Elementor. I’ll post on SiteOrigin support page for feedback from them. Thanks T