SPPB Page Not Responsive
HDcms
hello
looking on her smartphone the manager tells me that it is not responsive On this image https://pic.infini.fr/gallery#jgGwOHjo/WuNupaUH.png
1/ The button is missing compared to a computer screen
2/ how to set font sizes smaller than on a computer screen?
On these images of a block containing images, we see that the image is rather to the right. I have to move my finger to center the content. https://pic.infini.fr/gallery#sypqVmQp/n0w7KWaW.png,8pR1Bhyt/6ZJ1EE43.png,EwQ8O8gc/J6FJFu3K.png 3/ How to have centered responsive content on display
home page on hidden content Regards
Mehtaz Afsana Borsha
Accepted AnswerYour problem is solved now, please check
Please use this custom CSS
.sppb-addon-single-image .sppb-img-responsive, .sppb-text-center .sppb-img-responsive, .sppb-text-left .sppb-img-responsive, .sppb-text-right .sppb-img-responsive{
display: flex !important;
justify-content: center;
align-items: center;
}
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Use this custom CSS
@media (max-width: 844px){
#sppb-addon-1695389698404 .sppb-addon-header .sppb-addon-title{
font-size: 15px !important;
}
.sppb-sp-slider-title{
font-size:15px !important;
}
.sppb-sp-slider-button{
position:relative;
bottom:30px !important;
}
}
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
-Regards.
HDcms
Accepted AnswerHi 1/ thank you it works difficult to understand why you sometimes have to go through css and sometimes by parameter.
2/ don't you see an image shift on the right I can move the screen, which would seem to show that it is not responsive.
regards
Mehtaz Afsana Borsha
Accepted AnswerAs I see your 1st and 2nd problem is solved, your font size issue and button issue is solved now, so now your problem is only background image which you can solve by using this CSS
@media (max-width: 844px){
.sp-slider-outer-stage{
height: 280px !important;
}
}
NOTE: These issues solution is only css, that's why I am giving you these CSS
HDcms
Accepted AnswerHi Thank you for your answer, but the last point concerns the 6 images, under the slider. On a smartphone, they all touch the right edge and are not centered. The text seems centered (see previous image) Is it possible to center the images?
HDcms
Accepted AnswerHello Sorry, that doesn't change anything.
The 6 images (next to "our services") are displayed correctly with the smartphone for the home page (corporate layout : https://sppagebuilder.com/corporate-home clearly see the problem on the backoffice
https://pic.infini.fr/gallery#VSaJxHT8/HbMvTDxe.png thank you for helping me.
Mehtaz Afsana Borsha
Accepted AnswerWhich URL i need to check? You first gave me this URL
https://preprod2.altius.fr/fr/
The css is aplicable for that URL.
HDcms
Accepted AnswerHi
Yes this is the SPPB home page I put the css
Do you see that this does not work well in admin? https://pic.infini.fr/gallery#VSaJxHT8/HbMvTDxe.png