CMS Development

Jlawal
Top Contributor

Alignment issues in Safari browser only

Hello all,

 

I am having some issues with my alignment in safari only.

 

This is the page in question. I have split the image with the cloud in three so that i can link each side.

 

Is there anyway to fix the alignment in Safari?

 

Kind regards,

 

Jamila

0 Upvotes
3 Replies 3
EricSalvi
HubSpot Employee
HubSpot Employee

Alignment issues in Safari browser only

Hey @Jlawal,
Looking at your site in Firefox, Chrome and Safari they all look great at wide desktop screens.

Screen Shot 2017-05-31 at 8.42.19 PM.png

The problem I see in all of the browsers is when it is viewed on a smaller screen. The way HubSpot stacks modules on smaller screens kicks in which is showing me the overlapping issue. Is this what you are talking about?

0 Upvotes
Jlawal
Top Contributor

Alignment issues in Safari browser only

Hi @EricSalvi,

 

Thanks for replying! Yes that is what i'm talking about.

0 Upvotes
EricSalvi
HubSpot Employee
HubSpot Employee

Alignment issues in Safari browser only

@Jlawal

They will always stack and the images will always get smaller based on the CSS of your site. If I could suggest trying adding these 3 images in a 1x3 table and have that table in one module. You may have to get creative with the positioning inside of the table and also the place where the first 2 images meet may need to be extended so the cloud does not go into the first image. A clean cut between the two.