NEED HELP ASAP!

[msmjrlg]

 

The above photo is a screenshot when viewing my store on my mobile device! 

i have been actively seeking to remove the “grey line” in my header / make it shorter in some way! 

i have yet to find the code to do so and i also have a custom theme installed. 

The original theme does not have this problem & i also cant seem to get the theme creator to respond to any of my messages. 

Please help me fix this issue! 

 

[dmwwebartisan]

@msmjrlg 

Please share the website URL and password if any. I will check and provide a solution here.

Thanks!

[msmjrlg]

xpressiveffect.myshopify.com

pw: Effect

[dmwwebartisan]

@msmjrlg 

Are you talking about this line ?

[msmjrlg]

Yessss! 

If you are viewing in mobile, it is very much a problem because it extends the width of the site further than i want! 

if you are viewing in desktop, this problem is not prominent! 

I am trying to either remove or change the width of that line! 

i cannot find the correct code for it. 

[msmjrlg]

---

@dmwwebartisan wrote:

@msmjrlg 

Are you talking about this line ?

---

Is there a way to communicate with you faster? 

[dmwwebartisan · Accepted solution]

@msmjrlg 

Please add the following code at the bottom of your assets/style.css file.

@media screen and (max-width: 1024px){
.page-header-variant-6 .header-top-row:before { width: auto !important; }
}

Hope this helps.

Thanks! 

[msmjrlg]

WOW! 

How did you know that I had header 6 in use.... the code was perfect and did exactly what I needed! 

Thank you so much, I was quoted between $40-$5000 for this simple fix! 

You have saved me from crying myself to sleep anymore! lol