Recent
Categories
View Replies (1)

HAYLEY: Adjusting Module Breakpoint for Tablets

  1. Issue
0
Votes
Undo
  1. SoundsEssential
    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
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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!