Space between sections not responsive

Support
#1

Hi,

I have designed a restaurant menu by uploading images from the PDF menu and I need to remove the space between sections.

For the desktop site I have created a section for each image with a single 2 column row. I added top margin -109px but it’s not responsive so there is a gap on other monitors. Can you please advise how I can handle this?

This is what it looks like on my current monitor:

Thanks in advance!

#2

Hi there,

Using negative margin for align element on a page is actually not advisable as it would most likely cause a layout issue in other screen sizes just like what you are getting right now.

Is there any specific reason why you opted to use negative margin? If is it to get rid of the spaces between the sections and images, you can do that without the use of negative margins.

First, remove all the negative margins that you set in the rows and sections.

Next, add the class mbn to the Classic Image elements.

Then, edit the section and row settings and set the top and bottom margin and paddings to 0.

Hope this helps.

#3

Hi,

Perfect, thank you very much!

#4

You’re most welcome!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.