2 images in full width

raphahsantos · September 2019

i would like to display 2 images side by side but having it in full width. i tried a bunch of different options to display the images like i want to, but none have worked. i get all this empty spaces around the images:

this is what i get:

http://prntscr.com/p0qclz

// http://publica.art/portfolio/edital-gentileza/

what i want to achieve: http://prntscr.com/p0qf7v

how can i do it? thank you

Pablo · September 2019

Hello,

Create a section, get into the settings of that section and turn on the "Full Width" option.

Then, create two 1/2 wraps and insert the divider inside with desired height applied in their settings.

After that, get into the settings of wraps, upload the image as a background image and change the size of the background to "cover".

It should help you.

Thanks

raphahsantos · September 2019

you mean this divider inside? http://prntscr.com/p0shnx

"Then, create two 1/2 wraps and insert the divider inside with desired height applied in their settings."

raphahsantos · September 2019

never mind. i gotta it to work with your help. thank you!!!

raphahsantos · October 2019

hi there,

i followed your instructions and it worked, but only in the desktop. on mobile the images do not show completely. please check this page on any mobile: http://publica.art/portfolio/cura-lagoinha/

the last 2 images are vertical ones and they do not show completely on mobiles. how can i fix this, please?!

thank you

Pablo · November 2019

You mean this image?

https://prnt.sc/pr182k

That's probably because you applied too much height inside.

But, you can hide the section with these images for mobile only or for desktop - check the section settings.

https://prnt.sc/pr192l

Thanks

2 images in full width

Comments

This website uses cookies