Columns not aligned on mobile

Beaver Builder
1

Hello,

I am rebuilding my old website and I have just started using BB and I think it is really nice.

This is the home page - http://dccomputerrepairs.co.uk/. There are 6 main categories right under the main heading and 3 colums further down containing accordionsn that just do not want to look right.

The only problem that I can not figure out (I did search online and on your forum) is how to get the columns to align properly on mobile devices

Could you please give me a hand?

Kind regards,
Dragos

2

I havevalready tried the auto height setting in global settings and somehow that seems to make it worse

Thank you

3

Good morning,

I have managed to understand that the margins have to be the same for all elements inside a row…newbie. So problem solved

4

Hey Dragos,

Glad you figured it out! And thanks for taking the time to inform us, we really appreciate it. Have fun with BB! :slight_smile:

Ben

5

Hi Ben,

No problem, thank you.

I am afraid I do have a different problem though.

I have created a new HTML module in which I have added 4 images that link to different pages on my website. Together they form the main picture at the top of the page and visitors can click on different parts of the image to go to different service pages.

The problem is that on mobiles the picture appears divided. Effectively you can see every linked picture one under the other.

Do you think there is a way to keep all 4 images grouped together on mobile devices?

This is the link, I am sure it will make sense once you see it.

http://dccomputerrepairs.co.uk/

Kind regards,
Dragos

6

Hey Dragos,

The only way around that would be to set the images’ width to 25% so it scales with the viewport width. You’re gonna want to play around with the dimensions of the images though. Make them have the same width.

I’m not really but I think it’s easier if you use a single image and use the area coords attribute instead. Check the link below for more info.
http://www.w3schools.com/tags/att_area_coords.asp

Ben

7

Hi Ben,

Thank you, I will try the second option.

Kind Regards,
Dragos

8

No worries at all! Enjoy! :slight_smile:

Ben

9