Grey line because I don't use a logo

christelschat · Member · Mar 23, 2018 at 8:44 am
Copy link

Add topic to favorites
Hi,
I am using Tortuga theme. Because I don’t display a logo there is an ugly brown/grey line above the menu. Can I get rid of it using CSS or something else?

Thanks in advance

The blog I need help with is: (visible only to logged in users)
ravichahar · Member · Mar 23, 2018 at 8:56 am
Copy link
Hey christelschat,

Do you want to completely remove the grey header?

Is so, you can use this code.
```
.header-main{
position: absolute;
left: -999999px;
}
```
Add this CSS by going to Customize>>CSS and save it.
Hope that helps.
christelschat · Member · Mar 23, 2018 at 9:10 am
Copy link
Thank you! It worked!
ravichahar · Member · Mar 23, 2018 at 9:26 am
Copy link
Awesome and you’re welcome.
christelschat · Member · Mar 24, 2018 at 7:58 pm
Copy link
Hi, I think that this solutions caused a problem with the menu-dropdown on a mobile device.
Can you pls help me we that?
Thanks in advance
mouli · Staff · Mar 24, 2018 at 8:30 pm
Copy link
You could try using a media query here so that the grey header is only removed on larger screen sizes.
This might work:
```
@media screen and (min-width: 980px) {
.header-main{
position: absolute;
left: -999999px;
}
}
```
Which removes the header only on screen sizes greater than 980px.
You might need to adjust the screen dimension to get the desired effect.
christelschat · Member · Mar 24, 2018 at 9:12 pm
Copy link
Thanks that seems to work :-)
mouli · Staff · Mar 24, 2018 at 9:29 pm
Copy link
Thats awesome.
Happy to help

No items found.