-
AuthorPosts
-
May 23, 2018 at 10:43 am #960712
Hi,
The transparent glass header isn’t working on tablet views of a website I’ve developed.
Please see link in the private content.
Basically, the header works fine on desktop, but if you resize your browser down, the transparency disappears to leave only a dark grey background until it sizes for mobile.
I have a small amount of CSS in both the child theme and the General styling areas — all of which has been suggested from previous Enfold support requests.
Thanks
SteveMay 23, 2018 at 7:01 pm #961099Hey sdturnbull,
Best regards,
VictoriaMay 23, 2018 at 8:55 pm #961202Thanks Victoria,
The 990px is fine, it’s just that at a certain res, the glass header goes all grey before it turns to a ‘mobile’ menu — see screens in private area.
Thanks
May 24, 2018 at 8:11 pm #961822Hi, any update on this?
ThanksMay 25, 2018 at 9:04 pm #962385Hi,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
BasilisMay 25, 2018 at 9:24 pm #962406Hi Basilis,
I think I’ve not been clear. The screens that I posted are what is currently happening — which isn’t normal, is it?
All I want is for the header to work exactly as it should (like it does in all my other Enfold websites). I DON’T WANT the dark background like the screenshot, I just want the standard glass header to appear on desktop/tablet, but when the browser is at certain resolutions, the background goes fiull grey which it shouldn’t.
To see for yourself, please open the website link from the initial post in a browser and slowly resize your browser smaller. Between certain resolutions, the header goes all dark grey and I don’t want that and I don’t believe this should be happening???
Please see video link in private area
Does that make sense, sorry if I’m not clear?
- This reply was modified 6 years, 5 months ago by sdturnbull.
May 29, 2018 at 10:58 am #963563Hi,
Thanks for the update.
This css code should help with that.
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive.html_mobile_menu_tablet #top #wrap_all #header { position: fixed; } }
Best regards,
IsmaelMay 29, 2018 at 1:34 pm #963659Hi Ismael,
That seems to have fixed the issue, thank you very much :)
Steve
May 29, 2018 at 1:49 pm #963669Hi,
Glad Ismael could help! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)Best regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.