Jump to content

Archived

This topic is now archived and is closed to further replies.

superlativo

Customize mobile version

Recommended Posts

superlativo

8905b8d7-6ac5-4e74-a247-44642d7f6733_zps

 

How I can customize the css mobile version to reduce the margins?

You can see in the screenshot that are too wide and would like to reduce.

 

Thanks in advance.

 

 

Share this post


Link to post
Share on other sites
fliptheu

I think by using the Custom CSS/LESS field and using Media Queries should do the trick. Use Chrome to inspect the elements you want to modify.

 

If you would like to know about Media Queries, this is a great resource: http://css-tricks.com/search-results/?q=media+queries

 

Hope this helps

 

Tim


fliptheu

"Finding beauty one picture and one pixel at a time."

http://www.fliptheu.com

Share this post


Link to post
Share on other sites
superlativo

There should be a media queries because the DMS adapts on mobiles.

Where are the standard DMS media queries for change the margin/padding?

 

Thanks

Share this post


Link to post
Share on other sites
fliptheu

I believe the 'mobile' breakpoint is 775px. That is a starting point when the menu turns into the mobile nav. 


fliptheu

"Finding beauty one picture and one pixel at a time."

http://www.fliptheu.com

Share this post


Link to post
Share on other sites
superlativo

Sorry, I want to change the horizontal margins in the mobile version to fit more words per line. As shown in the screenshot do not like it.

Share this post


Link to post
Share on other sites

×