Help with layout of footer on mobile view please - Shella Theme

Solved
Endlessretro
Explorer
92 0 30

IMG_8345.PNG

Good Evening,

As per screen shot above, for some reason all of a sudden - when on mobile view on the footer - the order tab is sitting out of line to the other tabs. 

Please could anybody help me fix this?

Thank you

Emily

Accepted Solution (1)

Accepted Solutions
Zeian_Shahzad
Shopify Partner
432 81 128

This is an accepted solution.

@Endlessretro,
This piece of code is causing the issue, seems you recently added this for another purpose but the footer is also using this class.

.col-lg-3 {
    max-width: 20%;
}

 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!

View solution in original post

Replies 8 (8)
Zeian_Shahzad
Shopify Partner
432 81 128

@Endlessretro,

Your store preview is password protected, please share the password so I can help you out. 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
Endlessretro
Explorer
92 0 30

@Zeian_Shahzad thank you i have removed the password. 

Zeian_Shahzad
Shopify Partner
432 81 128

This is an accepted solution.

@Endlessretro,
This piece of code is causing the issue, seems you recently added this for another purpose but the footer is also using this class.

.col-lg-3 {
    max-width: 20%;
}

 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!

View solution in original post

Endlessretro
Explorer
92 0 30

@Zeian_Shahzad thank you - please could you advise me where I will find this code so I can remove it to fix the issue? Thank you

Zeian_Shahzad
Shopify Partner
432 81 128

@Endlessretro,

Seems you removed it, do let me know if you need any help. 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
Endlessretro
Explorer
92 0 30

@Zeian_Shahzad Thank you I found it. Very helpful thank you so much. 

Zeian_Shahzad
Shopify Partner
432 81 128

@Endlessretro,

You're welcome. 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!