Cannot Control Appearance On Devices That Match Min-width: 1200px
Peter Vukovic
The SPPB framework has a media query for (min-width: 1200px), but the responsive switcher in the builder doesn't target this mode with any of the options.
For example, the sppb-row-container changes to max-width of 1140px in this mode, which affects a lot of typical laptops and the layout shift can be substantial, but this mode cannot be controlled through the page builder.
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this custom CSS
#sppb-addon-Q9RkSpDkAIGqjDW4m50D9 img{
height: 285px !important;
}
#sppb-addon-qr-4vRyyCo8k5bDJQEnve img{
height: 285px !important;
}
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?
-Regards.
Peter Vukovic
Accepted AnswerThis is the page: https://www.winescholarguild.com/certifications
You have Joomla access info from my previous post.
Focus on this section: https://prnt.sc/doReYXxRFsry
Notice how the image is perfectly aligned with the gray column to the right. This is standard desktop mode.
Now turn on Development Console in Google Chrome, and in the device list, choose Web:
Notice how the columns get shorter due to reduced row width, and the space appears around the image.