Problems With Screen Resolutions 1199px - 1399px
Peter De Reyghere
Hi
I have lay-out issues with screen size between 1199px and 1399px I noticed this with testing sites on other computers. I never could emulate those lay-out issues in page builder itself. But with the inspector of google chrome, and changing the resolution between 1199px and 1399px, the errors appear. As you can see in example 1, the tabs do not look good if i put the resolution of a test screen with values between 1199 and 1399. But also headings and images mix, example 2. I can not emulate this screensize in page builder, so everything looks good But on other computers with those screen size, it does not. Is there a work around to test this better in page builder?
ex 1 https://prnt.sc/nHzy525hcAa1 ex 2 https://prnt.sc/zEsjdk5HXDCm
using Joomla 4, Lateste SP builder, Helix Ultimate 2.12
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. For example 1 use this custom CSS
@media only screen and (min-width:1199px) and (max-width:1399px){
.sppb-addon-tab .sppb-tab ul.sppb-nav li>a{
font-size:72px !important;
}
}For example 2 use this custom CSS
@media only screen and (min-width:1199px) and (max-width:1399px){
#sppb-addon-hlcVOZdroWDpktsc2oHLW .sppb-addon-header .sppb-addon-title{
font-size:50px !important;
}
}
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
-Regards.
Peter De Reyghere
Accepted AnswerHi Thanks for the solution. But this solution has to be made on every addon i will make. I can do this,. but still....
And i would be nice if we could test this resolution while building into page builder. Now I have to manually set my resolution of my screen to 1280 to test it.