Joomla Templates Club 406,261 posts

[ousset Friend oussetJoin date: January 2012Posts: 36Downloads:37Uploads:6 Thanks: 9]

#206272

I only want the User8 position to show on the mobile responsive.

Ive looked through several past forum posts similar to this and nothing seems to be working.
Does anyone have any advice as to what I should try?

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

#570290

It’s very hard to do that because you will have to spend a lot time to customize this

Look at the screenshot


<blocks name="top" style="xhtml">
<block name="absolute" type="modules" style="raw">absolute</block>
<block name="top-panel" type="modules" style="raw" main-inner="1">top-panel</block>
<block name="topbar" type="topbar" main-inner="1"></block>
<block name="header" type="header"></block>
<block name="mainnav" type="mainnav" main-inner="1"></block>
<block name="masshead" no-main="1">masshead</block>
<block name="slideshow" type="modules" style="raw" no-main="1">slideshow</block>
<block name="cpanel" type="usertools/cpanel"></block>
<block name="topsl" type="spotlight" main-inner="1">user1</block>
<block name="topsl1" type="spotlight" main-inner="1">user2</block>
</blocks>
<blocks name="middle" colwidth="32">
<block name="left1">position-7</block>
<block name="right2">position-5</block>
</blocks>
<blocks name="bottom" style="xhtml">
<block name="botsl" type="spotlight" main-inner="1">user3</block>
<block name="botsl1" type="spotlight" main-inner="1">user4,user5,user6,user7</block>
<block name="botsl2" type="spotlight" class="dark" main-inner="1">user8</block>
<block name="botsl3" no-main="1" class="dark">user9</block>
<block name="botsl4" type="spotlight" class="dark" main-inner="1">user10</block>
<block name="navhelper" type="navhelper" main-inner="1"></block>
<block name="footer" type="footer" main-inner="1"></block>
</blocks>


You will see all position on JA Zite template, if you want to hide position on mobile layout, you can do this way

Open templates/ja_zite/css/template.css file and add new rule : for example for slideshow position

@media (max-width: 767px) {
#ja-slideshow {
display: none !important;
}
}


[Author]

Posts