Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#193653

Hi there,

When I resize my browser the modules in position home-10, 11 etc all disappear and I am only left with this to view http://puu.sh/6g3EB.png (screenshot)

I checked in the responsive layout in template settings but nothing is hidden, so how come I can’t see the modules when resizing my browser?

This will give a really bad effect for people using sidewindow in Windows 8 and not to mention on mobiles

[pb36 Friend pb36Join date: January 2011Posts: 42Downloads:18Uploads:0 Thanks: 13 Thanked: 7 times in 1 posts]

#518152

Hello,

Exactly the same issue overhere and I didn’t find how to fix it.

As I display on homepage modules home-10, home-11 and home-12 only, that’s a big problem… :((

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#518249

@gringo211985, @pb36: In fact, the blocks (spl-home) is hidden by default on mobile view of JA Magz template. If you want to display them again, you can create a custom.css file at folder templates/ja_magz/css/ and insertfollowing CSS styles:

@media (max-width: 767px) {
.spl-home-1,
.spl-home-2,
.spl-home-3 {
display: block;
}
}

2 users say Thank You to phong nam for this useful post

1. gringo211985
2. pb36

[2capjob Friend 2capjobJoin date: October 2013Posts: 139Downloads:1Uploads:46 Thanks: 55 Thanked: 10 times in 1 posts]

#518255

hello. I have the same problem. but from your post I do not understand what to do??

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#518256

<em>@2capjob 405663 wrote:</em><blockquote>hello. I have the same problem. but from your post I do not understand what to do??</blockquote>

Thanks Leo, works perfectly!
@2capjob – You need to go into your file manager or ftp, navigate to templates/jamagz/css and then create a file called “custom.css” and then copy n paste the code Leo kindly wrote for us.

This solution works perfectly!

1 user says Thank You to gringo211985 for this useful post

1. phong nam

[pb36 Friend pb36Join date: January 2011Posts: 42Downloads:18Uploads:0 Thanks: 13 Thanked: 7 times in 1 posts]

#518270

<em>@gringo211985 405666 wrote:</em><blockquote>This solution works perfectly!</blockquote>
I confirm.
Thanks a lot Leo!

[2capjob Friend 2capjobJoin date: October 2013Posts: 139Downloads:1Uploads:46 Thanks: 55 Thanked: 10 times in 1 posts]

#518287

I created a Fail. but that does not change. here’s a question. may still need to write something?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#518331

@2capjob: I have checked out your site url from another thread and saw that you did not create a custom.css file as we mentioned.

If you still do not want to create a .css file, you can insert following css styles into the end of templates/ja_magz/css/template-responsive.css file:

@media (max-width: 767px) {
.spl-home-1,
.spl-home-2,
.spl-home-3 {
display: block !important;
}
}

However, highly encourage you to go with the first option – custom.css since it eases the template upgrade process later on (if any).

[erickpaulino Friend erickpaulinoJoin date: May 2013Posts: 78Downloads:12Uploads:25 Thanks: 19 Thanked: 3 times in 1 posts]

#552210

Hello,

I am trying to add only the position home-10 to mobile view. When I add the code .spl-home-1, it loads home-10, home-11 and home-12.

How can I add only home-10?

Thank you

Erick

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#552219

You need to hide Position 11 and 12 from template options .
Go to template manager>>Ja Magz default>>options>>Layout>>responsive layout >>Mobile
Hide these position for mobile view >>> http://prntscr.com/4u416d

1 user says Thank You to Pankaj Sharma for this useful post

1. erickpaulino

[erickpaulino Friend erickpaulinoJoin date: May 2013Posts: 78Downloads:12Uploads:25 Thanks: 19 Thanked: 3 times in 1 posts]

#552222

Hello pankajsharma,

Thank you! It worked great, there is just a small issue I would like to know how to fix. In mobile view, there is a vertical line on the side of the latest module that prevents it from being displayed in the whole screen, as you can see in the image I have attached.

How can I remove it in mobile view?

Thank you again,

Erick

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#552223

HI Go to your custom.css file
and add this code

@media (max-width: 768px) { .spl-home-1 .item-first {
background:none;} }

Clear cache and check it .

1 user says Thank You to Pankaj Sharma for this useful post

1. erickpaulino

[erickpaulino Friend erickpaulinoJoin date: May 2013Posts: 78Downloads:12Uploads:25 Thanks: 19 Thanked: 3 times in 1 posts]

#552260

Hello again,

It worked! Thank you very much!

Erick

[Author]

Posts