CMS Development

Jlawal
Top Contributor

Mobile responsive layout

SOLVE

Hello,

 

I'm having issues with a number of my pages not displaying well on mobile.

 

Below is a video of how this page displays on mobile.

 

HS comm.gif

 

How can i get the modules to stack better?

 

Any advice would be greatly appreciated.

0 Upvotes
1 Accepted solution
jlamb2
Solution
Contributor

Mobile responsive layout

SOLVE

2 things:

 

On your logo module, you have a min-width of 1280px. remove this. 

 

Screen Shot 2018-04-03 at 11.50.03 AM.png

 

Your search input also has a fixed width of 650px. Remove this as well:

 

Screen Shot 2018-04-03 at 11.49.21 AM.png

 

and it will render correctly:

Screen Shot 2018-04-03 at 11.49.32 AM.png

 

 

 

View solution in original post

2 Replies 2
jlamb2
Solution
Contributor

Mobile responsive layout

SOLVE

2 things:

 

On your logo module, you have a min-width of 1280px. remove this. 

 

Screen Shot 2018-04-03 at 11.50.03 AM.png

 

Your search input also has a fixed width of 650px. Remove this as well:

 

Screen Shot 2018-04-03 at 11.49.21 AM.png

 

and it will render correctly:

Screen Shot 2018-04-03 at 11.49.32 AM.png

 

 

 

Jlawal
Top Contributor

Mobile responsive layout

SOLVE

Amazing! Thanks for your help @jlamb2 Cat Happy

0 Upvotes