How to Move Archive Code Block to bottom of the page on all Blog Post when viewing on mobile?

Kmur · August 8

Hello,

On desktop I have my archive block on the left of my content block for my blog. My only problem is because it's on the left it's the first block to appear when viewing on mobile. I want to change the order of the archive block for all blog post so it appears last when viewing on mobile. How can I achieve this?

O

tuanphan · August 10

Can you share link to this page? I think we can use CSS flex to change order on mobile

Kmur · September 5

Hello here is the link: https://fragagraphics.com/support/synthetic-care

tuanphan · September 7

On 9/5/2024 at 7:49 PM, Kmur said:

Hello here is the link: https://fragagraphics.com/support/synthetic-care

You can try this to Website Tools > Custom CSS

@media screen and (max-width:767px) {
div.blog-item-content .columns-12>.row {
    display: flex;
    flex-direction: column-reverse;
}
}

How to Move Archive Code Block to bottom of the page on all Blog Post when viewing on mobile?

Recommended Posts

Kmur

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Kmur

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources