Modify Footer Seperator Width on Mobile

Solved
kaiyacollects
Explorer
46 1 20

Hi,

 

Having trouble modifying the width of the footer divider line on my mobile site.

Any help would be very much appreciated.

 

Unknown.png

 

 

Thanks in advance!

dmwwebartisan
Shopify Partner
7310 1727 2303

This is an accepted solution.

@kaiyacollects 

 Please add the following code at the bottom of your assets/theme.css OR assets/theme.scss.liquid  file.

@media screen and (max-width:800px) {
.PageContainer .hr--large, #PageContainer hr.hr--large { width: 100% !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
g33kgirl
Shopify Partner
277 76 91

This is an accepted solution.

Hi @kaiyacollects, add this code at the end of your CSS file (Themes -> Edit code -> Assets -> theme.scss.css):

#PageContainer .hr--large, #PageContainer hr.hr--large {
    width: 100%;
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes