Joomla Templates Club 406,261 posts

[dbonamusa Friend dbonamusaJoin date: March 2013Posts: 8Downloads:22Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#188587

I want to aply a responsive mode , but not in wide and normal , only in tables xtables an mobile.

And i want to configure each layout , wich positions modules is visible or not.

In not posible?

Thanks.

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

#497482

Hi,

<blockquote>And i want to configure each layout , wich positions modules is visible or not.</blockquote>
Yes. You can configure the each layout in Template Manager >> JA_Onepage_Styles>> Layout >> Responsive Layouts.
Then assign these styles to the Menu items you want.

1 user says Thank You to phong nam for this useful post

1. dbonamusa

[dbonamusa Friend dbonamusaJoin date: March 2013Posts: 8Downloads:22Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#499097

Ok , but i want edit each layout , to show diferent modules positions. In the interface only can on/off quiktips and footer position .

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

#499108

Hi dbonamusa,

In the “home” layout of JA Onepage template, onepage, message, mainnav, languageswitcherload are the fixed positions so that they can’t be turned off or on in responsive layouts. In this case, you need some responsive queries to hide a position on device’s screens.

i.e: You want to hide “message” position on mobile layout, you need to put below codes into templates/ja_onepage/css/custom.css file:

@media (min-width: 321px) and (max-width: 480px) {
#system-message-container {
display: none;
}
}

This post can be helpful for you: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

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

1. dbonamusa
2. Mark Kennedy

[dbonamusa Friend dbonamusaJoin date: March 2013Posts: 8Downloads:22Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#499739

thanks i try this..:D

[Mark Kennedy Friend Mark KennedyJoin date: September 2014Posts: 79Downloads:0Uploads:9 Thanks: 27 Thanked: 11 times in 1 posts]

#504650

<em>@Leo Burnetts 380864 wrote:</em><blockquote>

i.e: You want to hide “message” position on mobile layout, you need to put below codes into templates/ja_onepage/css/custom.css file:

@media (min-width: 321px) and (max-width: 480px) {
#system-message-container {
display: none;
}
}
</blockquote>

So if I wanted to have custom modules just for tablet and mobile is this the code I would use? Or would I need to do something else?

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

#504676

Hi magneticeye,

You can try with below responsive query:

@media (min-width: 321px) and (max-width: 767px) {

/*your styles*/

}


1 user says Thank You to phong nam for this useful post

1. Mark Kennedy

[Author]

Posts