Thank you, Rikard.
You may close the topic.

Hi Ismael,

thank you.
Unfortunately the header still appears in white after I did disable file compression setting accordingly.

Questions:
– There are two } at the end of your CSS code, correct?
– If I put in only one } something is happening, but the header background is still white in mobile view. Then the burger menu seems in grey instead of white now according to my following CSS.

– If there are perspective layout issues occuring is there alternatively a way to switch the burger menu color from #ffffff to #b50054 once the white background appears so at least it is still visible?

This is the full custom css code I have applied:

@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: fixed;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: inherit;
    min-height: 0;
}
}

.button {
color: #b50054 !important;
}

div .logo { left: 45%; }

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

#socket .sub_menu_socket li {
     border-left-width: 0px !important;
}

.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover {
color: #ffffff !important;
}

.socket_color a:hover, .socket_color h1 a:hover, .socket_color h2 a:hover, .socket_color h3 a:hover, .socket_color h4 a:hover, .socket_color h5 a:hover, .socket_color h6 a:hover, .socket_color .template-search a.news-content:hover, .socket_color .wp-playlist-item .wp-playlist-caption:hover {
color: #B50054 !important;
}

Many thanks,
Sebastian

• This reply was modified 2 years, 8 months ago by stella-experience.