How to make landing page mobile friendly

New Contributor

Hi there,

 

I am trying to make my landing page mobile-friendly. 

 

The Headlines are too big and not centralised on mobile and the icons are in a rich text module which makes them go everywhere on mobile.

 

Ultimately I just want 2 rows of 3 icons on each. You will see what I mean if you follow the below link and scroll down

 

content.attraqt.com/solutions

 

Reply
0 Upvotes
1 Reply 1
Regular Advisor

Hi @TomTigwell ,

 

The way the icons are in your code is very bad. Using spaces &nbsp to separate them is not a good structure, so on mobile it's not good.

 

code.PNG

 

I believe is betther create one custom module with repeater options, to add or remove itens in page/template. 

 

Look one example of this:

items.PNG

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards! 🙂