Tagged: header logo, transparent header
Hello,
My header logo and menu are meant to be transparent. I have put the code below into CSS and now the header is transparent on mobile and desktop but not in between (maybe table landscape??) You can see it if you drag the browser in and out far enough. I have tried changing the number 900 in the code but doesn’t seem to work. Can you help?
/* Transparent header on mobile */
@media only screen and (max-width: 900px) {
#top #wrap_all .av_header_transparency,
.av_header_transparency #advanced_menu_toggle {
background: transparent!important;
position: absolute!important;
}}
Hey FA123,
Changing the media query value should work, otherwise it would apply to all screen sizes. Are you clearing your local cache before checking the results?
Best regards,
Rikard
Hi Rikard, I was looking at it on another browser to see did it work as sometimes clearing the cache doesn’t work for me. Do you know what value it should be to prevent this problem? Lower/higher etc? I will try again
Hi,
Thanks for the update. Please try 1024, that should apply to most tablet formats.
Best regards,
Rikard
Hi
My Header is not transparent only under 680 px size (appears black above the picture). It works perfectly on PC and Tablet bigger sizes. I’ve tried this code but there is no change :
@media only screen and (max-width: 767px)
{
#top #wrap_all .av_header_transparency
{
background: transparent;
position: absolute!important;
}
}
Hi Reno68100,
Please open a new thread and include WordPress admin login details in private so that we can have a closer look at your site.
Best regards,
Rikard