Mobile responsive layout

SOLVE
Highlighted
Esteemed Contributor

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.

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Occasional Contributor

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
Highlighted
Solution
Occasional Contributor

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

Highlighted
Esteemed Contributor

Amazing! Thanks for your help @jlamb2 Cat Happy

Reply
0 Upvotes