I Want Config Width To Show - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

I Want Config Width To Show

TV

TRAN HUU QUOC VAN

SP Page Builder 2 years ago

Hi admin I want config width to show on desktop, tablet and mobile. I want change width when input info in 3 box ( view image) to show. example: icon desktop : @media min-width is 1200px; icon tablet: @media min-width is 1024px; icon smart phone: @media min-width is 300px; Please view link image to know

0
7 Answers
Pavel
Pavel
Accepted Answer
2 years ago #115573

Нi. SPPB is built on Bootstrap. Therefore, it is not possible to change the values of the breakpoints. They have values from Bootstrap

/*Breackpoints*/
/* Desktop First */
@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {}
/* Mobile First */
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

https://getbootstrap.com/docs/5.1/layout/breakpoints/

0
TV
TRAN HUU QUOC VAN
Accepted Answer
2 years ago #115575

Hi Pavel I know SPPB is build on Bootstrap. But when i use Image Carousel addon and change sm to md in code and add info heigh, it not change on frontend. Example in image: When show website in width 1200px or 1024px. I want change data-height-sm="400", but it still in data-height="470px"

0
Pavel
Pavel
Accepted Answer
2 years ago #115588

I cannot see your image because I am not an employee of Joomshaper. I can only give advice. If any settings do not work, you can configure this through CSS code.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #115648

Hi

Thanks for contacting us. Please clear your Joomla and Browser cache then check again. If still the settings does not work then you can fix it by using custom CSS. This blog may help you.

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

-Regards.

0
TV
TRAN HUU QUOC VAN
Accepted Answer
2 years ago #115688
0
TV
TRAN HUU QUOC VAN
Accepted Answer
2 years ago #115689

Hi Mehtaz Afsana Borsha I did clear Joomla cache. But it still the same

0
Pavel
Pavel
Accepted Answer
2 years ago #115697

Hi.

Add your own class name in addon settings.

Set height value in each breakpoint as you need

@media (max-width: 1399.98px) {
    .YOUR_CLASS .sppb-carousel-extended-outer-stage {
        height: 400px !important;
    }
}
@media (max-width: 1199.98px) {
    .YOUR_CLASS .sppb-carousel-extended-outer-stage {
        height: 400px !important;
    }
}
@media (max-width: 991.98px) {
    .YOUR_CLASS .sppb-carousel-extended-outer-stage {
        height: 400px !important;
    }
}
@media (max-width: 767.98px) {
    .YOUR_CLASS .sppb-carousel-extended-outer-stage {
        height: 400px !important;
    }
}
@media (max-width: 575.98px) {
    .YOUR_CLASS .sppb-carousel-extended-outer-stage {
        height: 400px !important;
    }
}
0