Responsive Problem Between SP Page Builder And Mobile View
Laurent
Hi,
From SP page builder I did this an looks fine : https://prnt.sc/wtxCfQSr7fCY But from mobile phone looks like this : https://prnt.sc/yEMHsa_6eN1c Website link in Hidden Content area.
What's wrong?
Thanks L.
Rashida Rahman
Accepted AnswerHi there!
I am really sorry for the delayed response.
You did use custom css within your addon as far as I can understand. Based on that, I gave you code for your smaller devices only with the help of a media query.
Have you removed the general code that you used before?
However, you can try this:
@media (min-width: 992px){
#sppb-addon-wrapper-1645614067108 {
margin-left: -500px !important;
}
}Best Regards
Rashida Rahman
Accepted AnswerHi there!
Thanks for your query.
Please check the screenshot: https://prnt.sc/83fSN3aQsq95
I think the approach of using negative margin this way is not a good practice in this case. you are using images there, right? And you want to keep them closer? The you can create a raw with smaller columns and put your images in first two columns, then they will be closure.
However, if you still want them keep this way then you can use the following custom code:
@media (max-width: 767px){
#sppb-addon-wrapper-1645614067108 {
margin-top: -49px !important;
}
}Hope this helps!
Best Regards
Laurent
Accepted Answerok I did it and looks good on tablet (https://prnt.sc/60Ku8APm7Mu2) and mobile (https://prnt.sc/cRQ6q8qkoa4x)
but from computer it's too large : https://prnt.sc/JVIjDWK0q4ME
How can I get them closer from computer?