Recent
Categories
View Replies (1)

Layla, desktop vs mobile descrepancy

  1. Issue
0
Votes
Undo
  1. keithvb
    keithvb
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 04 November 2024
  5.  Subscribe via email
Using Layla template, Joomla 5, Windows 11.

Text placed in sidecol-b in site module appears consistently & correctly on the right side of the screen on desktop
https://thesciencecouncil.com/advisors/active-advisers/dr-robert-hargraves/501-a-world-of-good

On mobile phone, Android, it always is placed below all the articles.
I'd like it to appear before the article or even have a button appear ("BIO";) at the top on mobile devices

Any suggestions?

Thanks, Keith
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Keith

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 767px) {

    .sidecol_a, .sidecol_b {

        order: 0 !important;

        padding: 30px;

    }

}


Ciaran
  1. one week ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


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