1. SoundsEssential
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 16 November 2018
  5.  Subscribe via email
Hi Kieran,

Hope all is well in your world. I've got a quick question about this page: http://lehotskyandsons.com/meet-the-team (live, using the Hayley template). I'd like to insert a responsive layout for tablets that stacks bottom-2 and bottom-3 module positions, limiting each row to show 2 modules instead of all. But for some reason, whenever I adjust the @media style, it doesn't seem to kick in.

Any help or insights into this would be awesome.

Thanks kindly in advance!

Malice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Malice

All good on this end. :) Hope you are keeping well.

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

@media only screen and (max-width: 1024px) {
.bottom-1, .bottom-2 {
width: 50% !important;
max-width: 50% !important;
flex-basis: 50% !important;
}}


Ciaran
  1. more than a month 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!

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.