Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 23, 2018 at 10:43 am #960712
    sdturnbull

    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
    Steve

    May 23, 2018 at 7:01 pm #961099
    Victoria

    Hey sdturnbull,

    Best regards,
    Victoria

    May 23, 2018 at 8:55 pm #961202
    sdturnbull

    Thanks 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 #961822
    sdturnbull

    Hi, any update on this?
    Thanks

    May 25, 2018 at 9:04 pm #962385
    Basilis

    Hi,

    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,
    Basilis

    May 25, 2018 at 9:24 pm #962406
    sdturnbull

    Hi 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 #963563
    Ismael

    Hi,

    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,
    Ismael

    May 29, 2018 at 1:34 pm #963659
    sdturnbull

    Hi Ismael,

    That seems to have fixed the issue, thank you very much :)

    Steve

    May 29, 2018 at 1:49 pm #963669
    Yigit

    Hi,

    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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.