Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 2, 2020 at 6:41 pm #1169193
    mosaic

    When viewing on mobile, the blog posts’ page numbers overlap with the words ‘Page 1 of x’. How can I fix this?

    January 3, 2020 at 8:06 am #1169243
    Vinay

    Hey Kieran,

    Thank you for writing to us.

    I checked your site and noticed that there is not enough space for the pagination info to be displayed on the mobile device. The best you can do to avoid it looking messy is to hide this info on mobile device.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media(max-width:580px) {
span.pagination-meta {
    display: none;
}

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Best regards,
    Vinay

    January 3, 2020 at 11:26 am #1169272
    mosaic

    Why isn’t there anough space? Is there no way to make the blog posts element work as intended on mobiles?

    January 3, 2020 at 2:10 pm #1169307
    Yigit

    Hi,

    Please add following code to Quick CSS in Enfold theme options > General Styling 

    @media only screen and (max-width: 480px) { 
span.pagination-meta {
    position: initial;
}}

    That should move pagination meta to the right hand side on mobile.

    Regards,
    Yigit

    January 3, 2020 at 5:35 pm #1170040
    mosaic

    Thanks Yigit that works perfectly!

    January 3, 2020 at 5:36 pm #1170041
    Yigit

    Hi,

    You are welcome, glad we could help! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘On a mobile, the page numbers on the blog posts element overlap the text’ is closed to new replies.