Center page title on mobile (7.1)

Site URL: http://echocycling.co.uk/shop

Hello,

I'm trying (and struggling) to center my 'Shop' page title for mobile. It's central on desktop but then aligns left on mobile. Not having this problem with any other page, just the shop. 

Webpage is https://www.echocycling.co.uk/shop

Any ideas? Thanks in advance!

Rhys

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.products.collection-content-wrapper .nested-category-title {
    text-align: center !important;
    justify-content: center;
}
}

It worked! Thank you so much Tuan 🙂

tuanphan, have found many of your posts very helpful!!

mine is doing the same on my "SHOP" page. Can you please help? The code above did not work. 

http://happydayspickleball.com

password: Woogies3!!

On 7/21/2023 at 5:08 AM, happydayspickleball said:

mine is doing the same on my "SHOP" page. Can you please help? The code above did not work. 

 

http://happydayspickleball.com

password: Woogies3!!

Add to Design > Custom CSS

/* Mobile center shop title categories on mobile */
@media screen and (max-width:767px) {
h2.nested-category-title {
    text-align: center !important;
}
ul.nested-category-children {
    justify-content: center !important;
}
}