SOLVED Hydrogen Template - Problem with mobile order
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
Hi,
I am using the Hydrogen Template 5.4.12 on Joomla! 3.7.2 on this site: ip-systems.de .
On the homepage we have a left sidebar with some recent articles with a read more link.
Clicking this link wil open the article, with the same recent articles in the left sidebar.
Looks good so far.
But when you are accessing the site with a mobile device, the left sidebar with the recent articles is on the top.
Clicking on one the articles read more link opens the article beneath the sidebar, which is on top of the text.
To see, that you have already chosen a new article you have scroll down on your mobile device as the article is not in your viewport.
So a visitor does not notice, that the article he has clicked, has changed.
I would like to hide the recent articles only in THIS view, when an article has been clicked or at least push the article above the sidebar in mobile view.
But couldn't manage to find out how to do it. It will also hide the sidebar on the homepage!
Any suggestions?
Best regards,
Michael
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22306
- Thanks: 3229
- messin' with stuff
- I can really only suggest moving the sidebar to the right so that on Mobile's it loads below the content.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
But we need to have the sidebar on the left hand side on the homepage.
No other solution?
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22306
- Thanks: 3229
- messin' with stuff
-
no, not really... you could build out 2 sets of Particles with one set having the Particle Block Settings Classes set to "hidden-desktop" and the other set set to "visible-phone" so you could have it on the left on Desktops and on the Top (right) on Mobiles
docs.gantry.org/gantry5/tutorials/utility-classes - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
I see what you meen by "hidden-phone".
But I do not really understand what you mean with the 2 seperate particles.
Maybe you could explain in a little more detail.
Anyway, thanks for your support so far.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22306
- Thanks: 3229
- messin' with stuff
- Duplicate your current particles... looks like you're using a Module Position Particle to load the sidebar and the Content Particle to display the Article Output... create a new Grid in that Section and duplicate those 2 particles, in reverse order
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
Do you mean, I should duplicate the outline for the Homepage?
How would I assign that?
I have no idea what you mean to duplicate the particles.
Yes, I'm using a module position for the sidebar.
I need it to show the first six most recent articles there.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22306
- Thanks: 3229
- messin' with stuff
-
Create a new
Grid
and drag 2 new Particles into that Grid... a Content Particle and a Module Position Particle... reverse the order of your other 2 Particles that are already loading content.
Create a new Sidebar Module and assign it to your new Module Position Particle
Use the classes I referenced before to hide one set on Desktop and show the other on Mobiles - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Michael D'Avis
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
So you mean I should edit the Container Grid where the sidebar and the content particle are living?
See screenshot.
But I have no idea how to get something 'above' these two particles.
Sorry, for questioning again, but I am really confused.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22306
- Thanks: 3229
- messin' with stuff
-
If you're new to Gantry 5 themes please read the first 3 chapters here:
docs.gantry.org
You click the + button in the upper right to create a new Grid - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.123 seconds