Modify Footer Seperator Width on Mobile

[kaiyacollects]

Hi,

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

Any help would be very much appreciated.

Thanks in advance!

[dmwwebartisan · 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!

[g33kgirl · 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%;
}