1. patrickbmccabe
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 03 October 2023
  5.  Subscribe via email
Hello Ciaran,
In my Elvira template, I have two modules not being "nice" and responsive .....giving way to each other on a mobile.
in the Bottom 3a and 3b positions


Can you help? IMG_2AA6C4F34EAB-1.png
Attachments (1)
References
  1. http://2023.easyglow.ie/index.php/smokeless-fuels/Logs-Briquettes-c156986530
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Patrick

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

@media screen and (max-width: 720px) {
.bottom-3 {
width: 100% !important;
}
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much as always Ciaran.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
I moved the two module up to bottom 2b AND 2C and they behaved as normal, leading me to believe that it might not be me . . . . so I tried playing with manual widths in bottom 3 modules but they still remain side by side when viewed on a mobile.

If you get time to look, I would be very grateful
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • 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.