Joomla Templates Club 406,261 posts

[diofou Friend diofouJoin date: October 2013Posts: 53Downloads:20Uploads:15 Thanks: 18 Thanked: 2 times in 1 posts]

#194127

Hello,

The reponsive layout was enable on my website and it showed perfectly on mobile devices when using only k2 articles but the problem is that the main component i use along my k2 articles is the HD webplayer that you can use as a standalone module or insert it in a k2 article with it’S plugin.

On my website, i have some pages with only k2 articles, like Films, Série Télé and Émission, those look fine on mobile
but on my other pages like Sports, Docus where i use the module as standAlone, they just don’t show the modules on mobile, so for now i’ve disabled the responsive template option but that’s not good for the long term.

Is there anything i can do about this? i don’t mind keeping the responsive option disabled if i was having on my iphone was the same thing as on the computer, i small of course but the same, if you look at the screen shot below you will see what i’am having on my phone, the black color in the header does not go all the way to the right. if that can be fixed then i’ll keep it inactive if not how can we fix the mobile vue when it’s enabled.

Hope i’m making sense 🙂

---

Attachments:

1. 

[diofou Friend diofouJoin date: October 2013Posts: 53Downloads:20Uploads:15 Thanks: 18 Thanked: 2 times in 1 posts]

#520394

Hello?

Anybody?

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

#521259

Hi,

I’m sorry for this late response. That module position maybe hidden in mobile layout, please try to enable responsive mode again, I will have a look and suggest you further.

Best.

[diofou Friend diofouJoin date: October 2013Posts: 53Downloads:20Uploads:15 Thanks: 18 Thanked: 2 times in 1 posts]

#522097

Hello,

i’ve enabled it, thank you for your help.

Best regards.

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

#522181

Please open the file: /templates/ja_obelisk/css/themes/christmas/template-responsive.css, find this CSS rule:

@media (min-width: 600px) and (max-width: 767px) {
.t3respon {
display: none;
}
}

Change it to:

@media (min-width: 600px) and (max-width: 767px) {
.t3respon {
display: block;
}
}

[diofou Friend diofouJoin date: October 2013Posts: 53Downloads:20Uploads:15 Thanks: 18 Thanked: 2 times in 1 posts]

#523073

Hello,

I’ve changed it to block but it didn’t work, the modules are still not showing up on the pages mentioned in my first post.

Thank you.

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

#523140


.hidden-default {
display: none !important;
} @media (min-width: 1200px) {
.hidden-wide {
display: none !important;
}
} @media (min-width: 980px) and (max-width: 1199px) {
.hidden-normal {
display: none !important;
}
} @media (min-width: 768px) and (max-width: 979px) {
.hidden-xtablet {
display: none !important;
}
} @media (min-width: 600px) and (max-width: 767px) {
.hidden-tablet {
display: none !important;
}
} @media (max-width: 599px) {
.hidden-mobile {
display: none !important;
}
}

.hidden {
display: none !important;
visibility: hidden;
}

Above is CSS rule we add to hide block in mobile view based on different screen resolution. Depend on the screen size you want to enable these blocks, you can add the appropriate style into custom.css file and change from display: none !important; to display: block !important;

[Author]

Posts