SP Simple Portfolio Mobile Version Fluid Row - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

SP Simple Portfolio Mobile Version Fluid Row

D

Dominik

Extension 6 months ago

Hi there

SP simple portfolio is not displayed correctly in the mobile version. I have set Fluid Row, but there is a white frame on the left and right for Landscape and Portrait:

https://prnt.sc/DKusM0dHIBMO (Portrait) https://prnt.sc/Vr-G5fae0oAE (Landscape)

Addons and rows should go all the way to the edge of the cell phone.

Thank you! Domi

0
8 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 6 months ago #188064

Hi Dominik,

It's becuase there is default padding there, of course you can force to reduce it

@media screen and (max-width: 780px) {
.com_spsimpleportfolio #sp-component,
.com_spsimpleportfolio .sppb-row-column {padding-right: 0; padding-left: 0;}
}

and with that CSS code should be removed on all Portflio pages. Just use it inside custom.css or Template Options > Custom Code > Custom CSS

But then padding inside used addons you have to add manually.

OR you can use more extended CSS instead

@media screen and (max-width: 780px) {
.com_spsimpleportfolio #sp-component,
.com_spsimpleportfolio .sppb-row-column {padding-right: 0; padding-left: 0;}
.sppb-addon.sppb-addon-text-block {padding: 0 15px;}
}
0
D
Dominik
Accepted Answer
6 months ago #188074

Thank you very much, Paul!!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 6 months ago #187961

Hi there,

Please clean your site from the malware first. Once that's done, I'll be able to investigate the issue for you.

https://prnt.sc/2t6HmP493PcC

Best regards,

Toufiqur Rahman (Team Lead, Support)

0
D
Dominik
Accepted Answer
6 months ago #187965

Hi Toufiq

That's because it is a technical site only. You can enter the site, it's safe (you can ask Mehtaz).

Dominik

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 months ago #187990

Hi Dominik,

Thanks for contacting us and sorry for your issue. You can use this CSS in your custom.css file

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 768px !important;
    }
}
0
D
Dominik
Accepted Answer
6 months ago #187992

Hi Mehtaz

Unfortunately the code does not work. Maybe because it is in the SP Simple Portfolio component?

Dominik

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 months ago #187994

Allow me some time please, I will check it and get back to you ASAP.

0
D
Dominik
Accepted Answer
6 months ago #187996

No problem, thank you!

0