Revelon, In order to get a transparent background, your logo must be saved as PNG file…
It is.. Of course it is.. The theme adds a background to it because it’s a menu.
Hello Revelon,
I thought you should need to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css.
.site-header{
background-color: transparent !important;
}
Let me know how it goes.
Regards,
Kharis
Hi Kharis, first of all, thank you.
This is going to sound weird;
your code did affect the look, however now instead of it being transparent.
it’s just completely white.
so the bar turned from grey to white and the logo is white as well
(white on white..)
perhabs it’s in the theme that I can’t change it to transparent, there must always be a background color and if transparent then white.
Of course that’s just guessing on my part.. I would like it not to be the case.
So now I’m left with a big block of white on top of my website.
In my website’s ‘Customize’ option, under color. The button that affects the color in question, is called menu background.
Hello Revelon,
Try to apply the following CSS code:
@media only screen and (max-width:1024px){
.site-header{
background-color: transparent !important;
height: 0 !important;
padding: 0 !important;
}
.site-header .row,
.site-header .container,
.site-header .col-md-4{
height: 0;
overflow: visible;
}
.site-header .row{
position: relative;
}
.site-header .col-md-4{
margin-bottom: 0;
}
.site-header .col-md-4,
.site-header .col-md-8{
height: 0;
overflow: visible;
position: relative;
z-index: 99999;
}
.site-header .col-md-8{
position: absolute;
top: 10px;
right: 0;
}
}
@media only screen and (max-width:767px){
.site-header .col-md-8{
top: 60px;
}
}
Let me know how that works for you.
Regards,
Kharis
