sabercosmos Posted January 16, 2023 Share Posted January 16, 2023 (edited) Hi all, I've just tested my website on mobile view, and have noticed that when viewing pages of my portfolio, the text at the bottom navigation overlaps. Some pages are kind of acceptable, but others makes it look pretty cluttered. I can't see an option to actually edit it on the page, so how do I avoid this? I've tried creating shorter titles, but in some cases I need them longer. Would be happy to change them to just "previous" and "next" too if this resolves it. Any help would be appreciated! Website: www.sabercosmos.co.uk Edited January 16, 2023 by sabercosmos Link to comment
Solution tuanphan Posted January 19, 2023 Solution Share Posted January 19, 2023 You can consider replacing pagination titles with prev/next on mobile only by adding this to Design > Custom CSS /* Pagination title */ @media screen and (max-width:767px) { h2.item-pagination-title { display: none; } .item-pagination-prev-next { display: block !important; } } but if you want to reduce size only, let me know, we will give new code sabercosmos 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
sabercosmos Posted February 9, 2023 Author Share Posted February 9, 2023 On 1/19/2023 at 2:19 PM, tuanphan said: You can consider replacing pagination titles with prev/next on mobile only by adding this to Design > Custom CSS /* Pagination title */ @media screen and (max-width:767px) { h2.item-pagination-title { display: none; } .item-pagination-prev-next { display: block !important; } } but if you want to reduce size only, let me know, we will give new code Thanks so much! Looks much better 🙂 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment