I have Finally worked out the transparent header on a page many thanks @josie.
Also when you scroll down it pulls up the non transparent header, which is great.
But i just checked it on a mobile (Iphone 6) and its not working at all, not sure how its meant to look on a mobile, but I’m sure this is not right.
..You cant see any of the top menu items, seems they are in white apart from the phone number..
One thing: My Transparency menu colour is set to white as i thought this is how you get all the menu items (main and top menu items to be white when using transparency? ) If i turn this to default it works perfectly on mobile and you can see all the top menu items in black text, but then on other devices when i want the transparency all the main menu items and top menu items are also black apart from phone number?? cant win on both!
I found this to add which changes the main menu items on transparency to white, but not the top menu items
.av_header_transparency .av-main-nav > li > a .avia-menu-text {
color: #ffffff!important;
}
1: image attached is a mobile page with a transparent menu
2: Image attached is a mobile page with a normal menu,
3: On a lap top with Transparency menu colour set to white
4: On a lap top with Transparency menu colour set to default
Hey mmsdev,
Thank you for using Enfold.
We checked the site on phone view and it looks ok. However, there’s something wrong with the tablet view. Please remove this css code:
@media (max-width: 989px) {
.av_header_transparency #header_main .container .inner-container {
background: #fff;
}
}
Note that the transparent headers will switch to the default header on mobile devices.
Best regards,
Ismael