[mhbmartijnParticipant]

Ok I know parallax on mobile is turned off, but the pictures are not full width shown and there is a big gap underneath them. How can I fix this? Thanks!

[mhbmartijnParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.page-id-36 #x-section-3, .page-id-219 #x-section-3{
    background-size: cover !important;
}

Let us know how this goes!

[mhbmartijnParticipant]

a bit, yes! so but the pictures are very BIG and I cannot see them good, they are also centerd to the left. How can I change this both?

[mhbmartijnParticipant]

screenshot

[ZeshanMember]

Hi there,

This is a default behaviour of how background images work. As your column’s height is 650px on both desktops and mobiles, it’s cutting the background image from sides. This is because, the background image with size cover, expands 100% of its container without loosing its proportions.

In this case, you can use Hide Based On Screen Width feature in your Row settings (see: http://prntscr.com/7vcrv2) to hide the desktop row on mobiles and show an alternate row with a small image.

Thanks!

[mhbmartijnParticipant]

haa I didnt figure this option out yet! thanks

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts