[Support request] Center Load more button on Mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Center Load more button on Mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30213
    Amrik
    Participant

    Hi,

    I am using the following css:
    .wpsp-load-more {

    text-align: center;

    }.wpsp-load-more a.wp-show-posts-read-more {
    font-size: 16px;
    }

    This does center the Load more button on the desktop but not on the mobile screen.

    Kindky help.

    #30223
    elvin
    Moderator

    Hi there,

    To clarify: do you want to center Load more button on mobile only?

    Try this CSS:

    @media(max-width:768px){
        .wpsp-load-more {
            text-align: center;
        }
    }

    I basically wrapped your CSS with @media rule so it only applies to specific viewports. In this case, its for the mobile view.

    #30250
    Amrik
    Participant

    Hi Elvin,

    The css you suggested has not made any difference, the button stays where it was.

    #30331
    elvin
    Moderator

    Strange. It works on my end as shown here – https://share.getcloudapp.com/xQubrkEX

    Can you link us to the site in question? To check if CSS was applied properly.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.