Hi
I have an issue on a new development website on my Local Host. Which I can’t share. So I have changed it. To mirror the issue on my website so if you need to log in you can.
I have a Transparent Glassy Header on Home page and want to hide the (border) line between the logo section and the very top section.
website: https://findnetsolutions.com
I have used this code but not working
#top .av_header_glassy.av_header_transparency .header_bg {
background-color: #fff;
opacity: 0.7;
filter: alpha(opacity=70);
}
.phone-info {
width: 200px;
font-size: 18px !important;
}
#after_layer_slider_1 {
border: none;
}
#header_main {
border-bottom-width:0px !important;
}
#header_main {
border-top-width:0px !important;
}
}
Your help would be appreciated
Seasons Greetings
Dave
Hey Dave,
Please try the following in Quick CSS under Enfold->General Styling:
#top .av_header_transparency #header_meta {
border-bottom: none !important;
}
Best regards,
Rikard
Thank you Rikard… you guys are awesome I really appreciate all your help.
Have a Merry Christmas
Dave
Hi Dave,
Great, I’m glad that we could help and thanks for the kind words, we wish you a merry Christmas as well :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi I have the same problem with a borderline under the logoarea !
I’ve tried the CSS code but the line doesn’t disapear.
Could you please help me to resolve it ?
Hi,
Add this to quick css:
#top .av_header_with_border.av_header_transparency #header_main{
border:none!important;
}
Best regards,
Jordan Shannon