Danielabjo
-
Posts
6 -
Joined
-
Last visited
Reputation Activity
-
Danielabjo got a reaction from tuanphan in Removing blank space on mobile version of site
@creedon
Thanks again. worked!!
-
Danielabjo got a reaction from creedon in Removing blank space on mobile version of site
@creedon
Thanks again. worked!!
-
Danielabjo reacted to creedon in Removing blank space on mobile version of site
@Danielabjo
You can hide the pagination site wide with the following.
.item-pagination { display : none; } You won't need the other code if you use this code.
Let us know how it goes.
-
Danielabjo reacted to creedon in Removing blank space on mobile version of site
@Danielabjo
Ah. I think I see the problem now. The following is not valid CSS.
font-family:'Stencil',arial;@media screen and (max-width: 767px) { .item-pagination-link { max-width:unset } } The font-family:'Stencil',arial; is errant. It is a property value pair not in a ruleset. It should be removed or placed inside a ruleset. So it appears the editor is able to muddle through the error but the public site is not.
Let us now how it goes.
-
Danielabjo reacted to creedon in Removing blank space on mobile version of site
@Danielabjo
I suggest a different target for your CSS.
@media screen and (max-width:767px) { .item-pagination-link { max-width: unset; } } This is for v7.1 and a site-wide effect. It could be targeted more specifically to individual pages if needed.
What is odd is that this appears to be an SS bug in the portfolio page navigation. I disabled the custom CSS locally and the issue still appears.
SS is using max-width 50% on a flexbox item which seems to be causing an overflow issue.
Let us know how it goes.