Joomla Templates Club 406,261 posts

[zdmdesignz Friend zdmdesignzJoin date: October 2009Posts: 122Downloads:0Uploads:25 Thanks: 54 Thanked: 11 times in 1 posts]

#194382

Hello,

When my browser window is re-sized to enable responsive mode to kick in, the Content Slider disappears. On some screens, double-rowed articles underneath the JA Slideshow Lite disappear.

How do I ensure this behavior stops happening and all of my content and modules appear in responsive mode? This behavior was prevalent right out of the gate with the quickstart, before css changes were made.

Also, how do I make the logo image and area shrink in responsive mode (so its not so huge and dominating)?

Please see this page website which demonstrates this behavior.

Your help is appreciated.

Best,
Zechariah

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

#520913

In responsive mode (mobile layout), some modules are hidden for better performance and your site will not look nice when showing these modules.

You can use editor like Firebug (in Firefox browser) to debug and enable these modules by making change in CSS.

Regarding the logo in responsive layout view, you can open the templates/ja_mero/css/themes/light/template.css file and add css style:

@media (max-width: 767px) {
.logo-image a {
background-size: 20%;
}
}


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

1. zdmdesignz

[zdmdesignz Friend zdmdesignzJoin date: October 2009Posts: 122Downloads:0Uploads:25 Thanks: 54 Thanked: 11 times in 1 posts]

#521017

Hello Ninja Lead,

Thank you for your expertise. Your CSS snippet helped tremendously.

I’m having a hard time figuring out how to enable the hidden responsive modules. How do I figure out which modules are hidden when responsive has kicked in? I just want to have all PUBLISHED and ASSIGNED modules show up. I do not want any of my published content hidden from view.

Thanks 🙂

Best,
Zechariah

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

#521255

Hi Zechariah,

With JA Mero template, I see only navhelper, position-1, position-2 positions are hidden responsive modules.

You can easy to check hide/show module from admin of JA Mero Template:

+ Go to Admin site -> Extensions -> Template Manager -> JA_Mero – Default -> Layouts tabs -> Responsive Layout tabs -> Mobile tabs -> click EYE icon to hide/show position, see the screenshot

---

Attachments:

1. 

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

1. zdmdesignz

[Author]

Posts