1. SP Simple Portfolio
  2. Wednesday, 26 February 2020
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
Accepted Answer
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
  1. more than a month ago
  2. SP Simple Portfolio
  3. # Permalink
Responses (3)
Hi,
Add this css too and let me know is it ok or not?

.sp-simpleportfolio .sp-simpleportfolio-filter > ul{
position:relative;
left:12px;
}
  1. more than a month ago
  2. SP Simple Portfolio
  3. # 1
Thank you I have done that BUT still have the issue that the tabs do not centre on mobile/responsive - any advice? x
  1. more than a month ago
  2. SP Simple Portfolio
  3. # 2


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.