MaverivckMPP

Site URL: https://maverickmpp.com I want my mobile slideshow to maintain the 1:1 aspect ratio (so it doesnt crop) however the below code isnt working: [data-section-id="5ea7884ee2aa7354f1889684"]{ height: 100vh !important; width:100vw !important; } www.maverickmpp.com

Site URL: https://www.maverickmpp.com/home hi, A lot of my images are getting compressed pretty badly. Does anyone know how to prevent this overbearing compression? The images are sized correctly, this is a ss 7.1 issue I beleive. Homepage gallery doesn't looks great (maverickmpp.com/home) Product page background doesn't look great either (maverickmpp.com/personalized-training)

Figuered this out last night, used this exact line! Used the data sections to hide one on mobile and one on desktop. Works perfect if you want a different mobile slide show and a desktop. Code is below if anyone needs the same help. //Hide desktop slide show on mobile// @media only screen and (max-width: 640px) { [data-section-id="sectionIDhere"] { display: none; } } //Hide mobile slide show on desktop// @media only screen and (min-width: 641px) { [data-section-id="sectionIDhere"] { display: none; }

Site URL: https://maverickmpp.com/home-copy I have two gallerys, one for mobile and one for desktop/tablet. I can't seem only hide one at a time though. Can I use the data-Id to do this? https://www.maverickmpp.com/home-copy

Similar issue. I have a grid gallery I want to have 3 columns on mobile, can anyone help with the css? Right now, I'm using this css and it's making the images smaller but only in one column (mobile). @media only screen and (max-width: 640px) { .gallery-grid-wrapper { width: 33.3% !important; } } url is maverickmpp.com/home-copy

Hi, I'm trying to overide the focal point on my section background in mobile.... can't seem to find how to change it. Here's my CSS if it's any help. @media screen and (max-width: 640px){ #collection-5e266f9cd88c7d1ea1362bbc{ .section-background{ min-width: 200%; min-height: 200%; ????: ????; } } }