Positioning of 'more' on Mobile

Solved
Lijuj
Explorer
42 0 22

Hello Team,

How do I move the position of 'more' on mobile to the right side in line with collection name? It's aligned to right on web. 

I want this to done for all collections on my home page on mobile.

Please refer to the screen shot.

Screenshot 2021-04-29 at 20.50.51.png

 

Thanks in advance

Regards

Liju

KetanKumar
Shopify Partner
16942 1840 6343

@Lijuj 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lijuj
Explorer
42 0 22

lcouturedesigns.com

KetanKumar
Shopify Partner
16942 1840 6343

This is an accepted solution.

@Lijuj 

thanks for store url

can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
.shopify-section .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shopify-section .section-header .section-header--left {
    margin-bottom: 0;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lijuj
Explorer
42 0 22

thanks and that works like a charm !

Really appreciate your help and support

Regards

Liju

KetanKumar
Shopify Partner
16942 1840 6343

@Lijuj 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lijuj
Explorer
42 0 22

Hello @KetanKumar 

 

I just observed this issue yesterday on mobile, attached screen shot. Looks like this is after the changes we did t move the more( which I have renamed to View All), the headings in each collections page is overlapping with the descriptions. These use to appear in separate line - example Custom Tailoring as one line and the description in another line. This happens on women's collections as well.

How would I correct this. Screen shot for reference.

Lcouturedesigns.com

Regards

Liju

PHOTO-2021-05-05-07-38-20.jpg 

KetanKumar
Shopify Partner
16942 1840 6343

This is an accepted solution.

@Lijuj 

Thanks for it 

@media screen and (max-width: 768px) {
.shopify-section .section-header {
flex-wrap: wrap;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lijuj
Explorer
42 0 22

Thank you it works

KetanKumar
Shopify Partner
16942 1840 6343

@Lijuj 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes