Joomla Templates Club 406,261 posts

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#200647

Hello. In the mobile view on the homepage, the modules on the left side disappear. Also, it shows the business header instead of the homepage.

These are some of the module positions that disappear:
homepage feature 1
Ja-news-1

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

#546626

Hello this container is Hidden for the mobile view . for a good design purpose
and make the page light weight so it can be fast open on mobile devices .
If you want to show those block
Add this css code in Custom.css file

@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: block !important;
}
}


Template/your template/css/custom.css

Hope it helps

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546634

It didn’t work. It seems like the code in my custom.css is not functioning properly.

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

#546635

<em>@rwold 442118 wrote:</em><blockquote>It didn’t work. It seems like the code in my custom.css is not functioning properly.</blockquote>
Please PM me super user admin details of your site . I will check both of your issues on your site, and let you know the fix here

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

1. Robin

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

#546637

Hello Please check your site now
I added same code in custom.css file .
I found and syntax error in your custom,css file . >> closing Braces
this is the issue its now working ,
check it now

@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: block !important;
}
}

Let me know if it helps

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546640

Thanks a ton!!! This makes plenty of sense. 🙂

[Author]

Posts