1. suzannek
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 12 December 2019
  5.  Subscribe via email
Hi Ciaran,

I have a bit of a responsive problem with the Base 2 modules with the Ariana template.

On the view port range approx 768-1109px they are not stacking, just reducing in width which makes base 2b (map) and base 2c (Facebook module) not look good, cropped... (screenshot attached).

I tried hiding the base 2c (Facebook module) for mobile and tablet but then the base 2b (map) is still squished and there is just a blank space where the base 2c Facebook module was.

I have set module widths for base2 a/b/c all at 33/33/33 % width, with zero % for base 2 d/e/f, I have tried enabling/disabling manual widths but no stacking happening in that view port range.

The modules do stack fine on viewport widths less than 768px.

Any suggestions?

http://test-6-co-uk.stackstaging.com/

Thanks for any assistance.
Suzanne
Attachments (1)
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Suzanne

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:959px) {
.base-2 {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
}
}


Edit to taste

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
That did it.

Thanks Ciaran.

Suzanne
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


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