We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Simple Portfolio not responsive on mobiles/tablets

Featured Lock Resolved Issue
http://2020.wadesigns.net/our-work/our-creative-flair

On a mobile there is no spacing between the last image and the page navigation but the worst thing is that the tabs for tags are not centred and have no spacing between them - it looks awful.

The same issues above also occur on tablets too - help please :)

Thanks

Debs

4 Answers

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi,
Use this custom css



@media (max-width: 768px){
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
margin: 5px 5px !important;
}
}

@media (max-width: 767px){
.pagination {
position: relative;
top: 10px;
}

}


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

WAD

More than a month ago #Permalink
Thank you I have done that BUT still have the issue that the tabs do not centre on mobile/responsive - any advice? x

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi,
Add this css too and let me know is it ok or not?

.sp-simpleportfolio .sp-simpleportfolio-filter > ul{
position:relative;
left:12px;
}


There are no replies made for this post yet.
Be one of the first to reply to this post!

126

Templates

333662

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us