Joomla Templates Club 406,261 posts

[adrienne pitman Friend adrienne pitmanJoin date: September 2007Posts: 53Downloads:28Uploads:7 Thanks: 2]

#881588

Although certain positions are stated in the responsive mobile layout, the modules they contain do not show up on mobile devices. For instance, top-menu and sidebar-2 load their modules correctly on the desktop version, but not in smaller screens.

Just try resizing your browser window when loading our home page and you’ll see what I mean.

Screenshots:

Resized window on desktop:
https://www.dropbox.com/s/tfnuwcj67d6ocof/Screenshot%202016-02-11%2022.02.36.png?dl=0

Android Lollipop, Lenovo ZUK Z1
https://www.dropbox.com/s/zw4ubs1ax8l2n3f/Screenshot_2016-02-11-21-56-12.png?dl=0

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#881708

Hi

In responsive layout of template, some positions are hidden due to the concept of template. Here is the declaration for that purpose:

@media (max-width: 767px) {
.ja-topheader, .t3-navhelper, .top-ticker, .t3-home1, .t3-spotlight-1, .ja-footer1, .video1, .adv2, .titbla_module {
    display: none;
}}

If you want to show in mobile, you can override it by creating a new file called ‘custom.css’ in this directory: ROOT/templates/ja_your_default_template/css/

and add your override css, for example:

@media (max-width: 767px) {
.t3-home1 {
    display: block !important;
}}

[Author]

Posts