ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
re order module positions in mobile view
-
-
- faisool
- Hero Rocketeer
- Posts: 422
- Thanks: 0
-
Hello,
I'm wondering what is the order of module positions in mobile and how can we change it. What i want to load sidebar before content_bottom?
Please let me know cuz i really need it,
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
Re-ordering for mobile view would be difficult to change for how things are set up. The best way to go for this if you really need it is to use the "visible" and "hidden" style classes for your modules to you can display some for the desktop but then hide those on mobile, and display your other mobile ones on mobile, but then hide them on desktop.
See Responsive Layouts and Classes here:
http://demo.rockettheme.com/joomla/acacia/features
-
-
-
- J!eremy
- Elite Rocketeer
- Posts: 2108
- Thanks: 8
-
I am trying to figure out a resolution to this also, I currently am using the hidden-phone, visible-phone method, but that means we have to keep up on two different modules. Am I missing something?
as I am writing this, Im thinking now that I am typing this out, I should try the "{loadposition myposition}" and only update the one you load into the others. ? - Send moderators PMs ONLY if they request it.
James' First Blog Post lol
Top Tips for Support
Be SPECIFIC when posting.
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
You can use two modules to accomplish this or you can just wrap the same content in two different div containers in one module:
<div class="hidden-phone"> <p>YOUR HIDDEN PHONE CONTENT HERE</p> </div> <div class="clear"></div> <div class="visible-phone"> <p>YOUR VISIBLE PHONE CONTENT HERE</p> </div> <div class="clear"></div>
Those hidden and visible classes can be used with any content on the site. Its just a style class. It just happens to be usable as a module class suffix as well.
-
-
-
- J!eremy
- Elite Rocketeer
- Posts: 2108
- Thanks: 8
-
My issue is, I dont want my client to have to keep up with both modules, I guess it petty, but I don't think they would think to update both.
The issue is I want the module in Showcase-A to show up below Showcase-B but only in the mobile view, I can accomplish it with two modules, but want to try to get it into one module. And I will try this and get back to this, because I think its the intent of the OP also.
Something like this:
<div class="hidden-phone"> <p>{loadposition myposition}</p> </div> <div class="clear"></div> <div class="visible-phone"> <p>{loadposition otherposition}</p> </div> <div class="clear"></div> - Send moderators PMs ONLY if they request it.
James' First Blog Post lol
Top Tips for Support
Be SPECIFIC when posting.
-
-
-
- J!eremy
- Elite Rocketeer
- Posts: 2108
- Thanks: 8
- that will still make them keep up with two module positions.. im not thinking clearly.. lol
- Send moderators PMs ONLY if they request it.
James' First Blog Post lol
Top Tips for Support
Be SPECIFIC when posting.
-
-
-
- Ben Lee
- Elite Rocketeer
- Posts: 4193
- Thanks: 42
-
That code I posted is not code for "each" module necessarily, you can put all that code in one module.
Don't use the module class suffix, just put that code in the module and see what it does.
-
-
-
- J!eremy
- Elite Rocketeer
- Posts: 2108
- Thanks: 8
-
The issue is, in desktop view you want the module to show up one place, in the phone view you still want the module to show up, just in another place.
in my example, Showcase-A you want to show up below Showcase-B but only in the phone view. -
The following users have thanked you: tinpusher
- Send moderators PMs ONLY if they request it.
James' First Blog Post lol
Top Tips for Support
Be SPECIFIC when posting.
-
Time to create page: 0.089 seconds