-
Posts
-
Hello,
On my homepage the transparent header would not display on mobile devices. It would use the standard header. I found a support ticket about this issue on the kriesi website and applied the quick css solutions suggested. There are two css options and in both cases it did not pull in my declared transparent logo that I have uploaded into the header layout theme options transparency options.
Do you have a solution for this, so that my transparent logo will display (it is transparent with no content)
Here are the two samples of css I tried.1.)
@media only screen and (max-width: 767px) {
.responsive #main {
padding-top: !important;
margin-top: -82px;
}#main .entry-content-wrapper.clearfix {
margin-top: 82px;
}
}2.) now active
@media only screen and (max-width: 768px) {
.html_header_transparency #top #wrap_all #main { margin-top: -82px!important; }}Thanks – George
Hey!
Try adding this code to the Quick CSS:
.avia_mobile #top .av_header_transparency.av_alternate_logo_active .logo a > img{ opacity: 1; }Cheers!
JosueThanks Josue,
I placed the css in along with the existing css and it did not make a change. I then removed all the quick css and tried the css you sent by itself and it did not change. I have put the original quick css back in and left your css in as well, hoping it will help you see a different selection of css that will reveal the logo for a transparent header.Best regards – George
Hi,
Can you please create me an administrator account? post it here as a private reply.
Regards,
JosueHey!
The transparent logo is actually being shown in the markup – http://screencast.com/t/062jbKUPHeP, it doesn’t show because as you said it’s an empty PNG.
Regards,
JosueHey George!
It’s not a flaw, it’s actually expected, transparent header is disabled on mobiles by default and the default logo is shown. Check this demo page for example on a mobile:
http://kriesi.at/themes/enfold/homepage/transparent-header/Regards,
Josue
- The topic ‘Transparent Header on Mobile’ is closed to new replies.