styling logobar in mobile

Hi,

Thanks for that. The screenshots show me the same file though, there’s no difference between the two. Could you try sending the mockup image again please?

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#menu-item-search a {
    color: blue;
}
}

.header_color .av-hamburger-inner, .header_color .av-hamburger-inner:before, .header_color .av-hamburger-inner:after {
    background-color: blue;
}

Best regards,
Rikard

Hi,

Try this as well:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-logo-container {
    width: 95%;
    max-width: 95%;
}

#menu-item-search a:before {
    font-size: 40px;
}

.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
    width: 50px;
    height: 5px;
}
}

Please note that theme support is not a customisation service, we will try to help out with smaller tweaks in the theme though.

Best regards,
Rikard