Joomla Templates Club 406,261 posts

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#187670

Hi,

I want to ask, this template (ja mero) is a responsive template rite? so, the layout depending on the screen of device. When i open it using laptop, it looks like pic1.png & pic1(1).png, but when i open it using netbook it looks like pic2.png & pic2(1).png. Is there any setup that i forget to set to make it perfectly fit for any device? i thought it will automatically fit. =(

---

Attachments:

1. 
2. 
3. 
4. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#493618

JA Mero is responsive template and it will be automatically resized due to screen resolution of devices, these are resolution supported on JA Mero Template by default

@media (max-width: 767px)
@media (max-width: 768px)
@media (max-width: 480px)
@media (min-width: 980px) and (max-width: 1199px)
@media (min-width: 1200px)
@media (min-width: 600px) and (max-width: 767px)
@media (min-width: 768px) and (max-width: 979px)
@media (max-width: 599px)
@media (max-width: 1199px)


1 user says Thank You to Ninja Lead for this useful post

1. astrostrong

[marvelous development Friend marvelous developmentJoin date: March 2013Posts: 54Downloads:15Uploads:25 Thanks: 10 Thanked: 2 times in 1 posts]

#493653

Ok, then what should i do? Do I need to put that code inside any css file?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#493681

No, mate, it persists in css by default and due to different screen size, your site will load appropriate css rule applied for that specific device: desktop, tablet, mobile, etc. In case that you want to add a specific rule for specific screen resolution. User media jQuery and add into custom.css file (/templates/ja_template_name/css/custom.css)

regards

[splico123 Friend splico123Join date: January 2007Posts: 339Downloads:80Uploads:7 Thanks: 24 Thanked: 93 times in 16 posts]

#493711

use custom.css to override any of the styles in question, it is not that hard to do. But you have to understand that responsive does NOT mean it fits that screen you want perfectly, it differentiates between desktop, tablet (landscape and portrait) and mobile (landscape and portrait) screen types. DOES NOT fit every resolution perfectly, because the point was to standardize the screen types and NOT worry about resolutions of the screen.

for customization find the style in question with firebug and make changes you like and put them in custom.css to avoid upgrade issues.

hope that helps

[Author]

Posts