Mobile - Error
angelo
Error with a page:
First of all I'd like to mentioned that I'm apsolutely IMPRESSED with your page builder extention! I'm facing a little problem on my first page website, LINK: https://www.rules-chess-strategies.com/en/ The top image with the text "how to gain 352 elo" is runing perfectly on desctop and tablem. However, it's not fit well on modile. It flows out from the left side. Could you help me please fix it?
Note: I found the options of desctop / tamolet and mobile; however is not working well on my mobile... Please advice.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks you so much for your opinion.
By the way, are you talking about this text?
-Regards
angelo
Accepted AnswerYes I'm talking about the text. And as you can see in your picture in top right the side is not correct... I try to edit it thought SP page builder but it's not working propertly. Please advice!
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this custom css
@media (max-width: 767px){
#sppb-addon-1628726615182 .sppb-addon-title{
margin-right:90px;
font-size:40px;
}
}Add this css code inside the custom.css file. Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code. https://prnt.sc/pu705g https://prnt.sc/pu70zn In Extensions>Template> Template Options > Custom Code > Custom CSS please add this Thanks
angelo
Accepted AnswerThank you. I added to custom css on my template. The text is looking very nice; thank you! The image is not working corretly; could you please check?
Mehtaz Afsana Borsha
Accepted AnswerUse this custom css
@media (max-width: 767px){
.sp-page-builder .page-content #section-id-1541497752413{
max-width: 370px !important;
}
}angelo
Accepted AnswerHere is the picture. Please advice.
Mehtaz Afsana Borsha
Accepted AnswerPlease use this for sending me the screenshot
angelo
Accepted AnswerThank you I fixed the issue. You can close this post. Thank you very much for your support!