blog documentation FAQ followers forum marketplace services youtube

How do I format the mobile view ?

The Jamroom Network » Forum » Design and Skin Customization » Page » How do I format the mobile view ?
alt=
duke
@musamensa
7 years ago
253 posts
I would like to alter the responsiveness of my site, i would like to control how many columns display when viewing from a mobile phone. I can see that everything shrinks down to just one column and users have to scroll a lot on pages that have lots of content.

thanks
updated by @musamensa: 01/07/18 12:50:35PM
douglas
@douglas
7 years ago
2,791 posts
You can check to see if a user is on a mobile device or tablet by using the following if statement to wrap around code you don't want to show on mobile devices and tablets.

{if !jrCore_is_mobile_device() && !jrCore_is_tablet_device()}
This will NOT show on mobile devices and tablets.
{/if}

Hope this helps!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
alt=
duke
@musamensa
7 years ago
253 posts
thanks , but what i am trying to do is to have a 2 (or 3) column layout for mobile users instead of a shrinking all content to a single column on mobile devices .
douglas
@douglas
7 years ago
2,791 posts
There are two CSS files that are used for mobile and tablets, they are the override_mobile.css and override_tablet.css files found in your skins css directory.

Jamroom also uses a grid responsive layout, found in the grid.css file.

You might possibly by able to modify those files to change the single column layout, it may take some doing but is not something that we can cover here in the forums.

Another alternative would be to have us do the project, if your interested, send us an email with the details and we can get you a quote for the project.

Hope this helps!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
alt=
duke
@musamensa
7 years ago
253 posts
i just want to reduce the img_scale for mobile users, i am hoping its something that i can do myself

Tags