Archived topic

Load More Button bottom padding on mobile and alignment on desktop

3 replies · Started by Puneet on December 4, 2021

Viewing posts 1–4 of 4

December 4, 2021 at 12:33 am #2037891

Hi
I am using infinite scroll with a load more button on the front page. The problem is that the button sticks to the sidebar top on mobile. If I add padding through CSS, it works on the inner padding of the button. Would you please suggest a way to create a little bit of margin between the button and sidebar that follows on mobile?

On the Desktop version, the Load More button takes the left corner. Is there a way to align it to the middle of the page?

Mobile Screenshot: https://snipboard.io/c3juSv.jpg

Desktop Screenshot: https://snipboard.io/UJXzNL.jpg

Front Page URL: https://geekyfi.com/

Sorry if they are basic questions. I am new to the theme and trying to figure out stuff, and your prompt help has been excellent. I am loving GP Premium and Generateblocks Pro so far. Hopefully, this should remain my go-to theme forever.

Thanks and Regards,
Puneet

December 4, 2021 at 3:59 am #2038019

Hi there,

try adding this CSS:

#main .masonry-load-more {
    text-align: center;
    margin-bottom: 20px;
}

December 4, 2021 at 4:30 am #2038042

Thanks David,

Worked perfectly. Thanks again, appreciate it very much.

Regards,
Puneet

December 5, 2021 at 8:00 am #2039141

You're welcome

This archived topic is closed to new replies.

Start building better websites today.