problems with Screen resolutions 1199px - 1399px - Forum | JoomShaper
Solved General

problems with Screen resolutions 1199px - 1399px

Asked by Peter De Reyghere 3 years ago Last activity 3 years ago

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

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Hi

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.

1 more reply

Peter De Reyghere Asked this
3 years ago

Hi
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.

Mehtaz Afsana Borsha Staff
3 years ago

Noted with thanks. I will add it in our request list. I think you can now close this post by accepting the answer.

Log in to reply.