mobile - error - Forum | JoomShaper
Solved SP Page Builder

mobile - error

Asked by angelo 5 years ago Last activity 5 years ago

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.

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
5 years ago

Hi

Thanks you so much for your opinion.

By the way, are you talking about this text?

https://prnt.sc/1oi4rh2

-Regards

9 more replies

Oldest first Newest first Most helpful
angelo Asked this
5 years ago

Yes 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 Staff
5 years ago

Hi

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 Asked this
5 years ago

Thank 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 Staff
5 years ago

Use this custom css

@media (max-width: 767px){
.sp-page-builder .page-content #section-id-1541497752413{
    max-width: 370px !important;
}
}
angelo Asked this
5 years ago

I'm sorry this didn't worked out. How can I sent you an image?

angelo Asked this
5 years ago

Thank you I fixed the issue. You can close this post. Thank you very much for your support!

Mehtaz Afsana Borsha Staff
5 years ago

Hi

Glad to know that..

Log in to reply.