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
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. # 1
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. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much as always Ciaran.
  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!