1. milian
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 16 October 2019
  5.  Subscribe via email
Hi Ciaran,

The Module positions of the Desktop version of the PianoForte template is for us:
S-C-S or S-S-C or C-S-S
So far so good.

For the result of the mobile module the order of presentation is always
S
S
C

As you see the Content is served as last on mobile.

But we want the Content above the Modules in mobile. Like this:
S
C
S


Is there to build in an extra option by you the set this choice also for mobile?

Or another way to change this in the .php ?

Best regards,
Milian
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Milian

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
https://www.boekhandelpraamstra.nl/ja30/

I send you the login in a DM.

Can you make it generic so that i can use it on different locations and after an update...
regards, milian
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

I have added the needed CSS (Custom CSS field) to place your content above the side column modules on smaller screens.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran,
I will look into it tomorrow.
Regards,
Milian
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran,
Your added css gives now indeed:

C
Side-A
Side-B

But the preferred choice is
Side-A
C
Side-B

and/or

Side-A
Side-B
C

It depends on the actual website-content witch order we prefer.
In other words. We like to choose one of the three posibilities (as the desktop version)

You're making me very happy about this, because I love PianoForte!

How can I change this 2 orders in the css code below?


-----------your modified present mobile view -- C S S ---

@media only screen and (max-width: 767px) {
#main {
display: flex;
flex-direction: column;
}
#content_remainder {
order: -1;
}}

--------------- EOF ------
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Milian

For a little more control you can use the following custom CSS instead, editing the order value to your own taste...

@media only screen and (max-width: 767px) {
#main {
display: flex;
flex-direction: column;
}
#content_remainder {
order: 1;
}
#sidecol_a {
order: 2;
}
#sidecol_b {
order: 3;
}
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks! Ciaran.
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.