FROM CACHE - en_header

Modify Footer Seperator Width on Mobile

Solved
kaiyacollects
Explorer
47 1 21

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!

Accepted Solutions (2)

Accepted Solutions
dmwwebartisan
Shopify Partner
11154 2395 3435

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 | Click here GemPages The most powerful Shopify page builder.

View solution in original post

g33kgirl
Shopify Partner
331 96 117

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.

View solution in original post

Replies 2 (2)
dmwwebartisan
Shopify Partner
11154 2395 3435

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 | Click here GemPages The most powerful Shopify page builder.
g33kgirl
Shopify Partner
331 96 117

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.