Hi,
I have changed the layout and altered my logo and centered logo-menu bottom, from logo left menu right, since then I have had the feint grey line appear under the header again
Also the logo isn’t responsive on mobile’s tablets and doesn’t seem to centre.
This is what I have in my quick CSS, any help would be appricieated.
@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive .mobile_menu_tablet .main_menu {
display: block!important;
}}
#header_main { border-bottom: none!important; }.main_color, .alternate_color {
border: none!important;
}.avia-shadow {
box-shadow: none!important;
}@media only screen and (max-width: 1100px) {
.av-main-nav > li > a { padding: 0 7px; }
}.avia-shadow {
box-shadow: none!important;
}
Hey jamiegroom!
Can you please post a screenshot and show the grey line?
Also, please change following code
.logo img {
max-width: 340px !important;
width: auto !important;
margin: 5px 20px 25px 75px !important;
}
to following one
@media only screen and (min-width: 767px) {
.logo img {
max-width: 340px !important;
width: auto !important;
margin: 5px 20px 25px 75px !important;
}}
Cheers!
Yigit
Thanks Yigit.
Awesome response and resolved my issue completely, grey line has gone now aswell.
Regards
Jamie
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit
