SP Simple Portfolio Mobile Version Fluid Row - Forum | JoomShaper
Solved Extensions

SP Simple Portfolio Mobile Version Fluid Row

Asked by Dominik 1 year ago Last activity 1 year 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

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago · edited

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;}
}
Dominik Asked this

Thank you very much, Paul!!

5 more replies

Toufiq Senior Staff

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)

Dominik Asked this

Hi Toufiq

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

Dominik

Mehtaz Afsana Borsha Staff
1 year ago · edited

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;
    }
}
Dominik Asked this

Hi Mehtaz

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

Dominik

Mehtaz Afsana Borsha Staff

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

Dominik Asked this

No problem, thank you!

Log in to reply.