Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #423772

    When you go here http://kriesi.at/themes/enfold-restaurant-one-page/ the slight transparency is not displaying on scroll down when the browser is lower than 980 (or around this resolution, couldn’t measure exactly) please provide the css so it is the same transparency as on window sizes higher that 980px
    Thank you

    • This topic was modified 8 years, 12 months ago by jackthepilot.
    #423931

    Hey jackthepilot!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
      background-color: transparent!important;
    position: absolute!important;
    }}

    Cheers!
    Yigit

    #424046

    I tried it, unfortunately it didn’t work, I am not sure if I have provided a good enough explanation to the problem.

    The actual top header is transparent but when I start to scroll down in the browser window larger than 967px in width I can see the header background turns translucent and this is what I want. (see image below)

    However, now when I resize down the browser window to lower than 967px in width I can see the header background DO NOT stay translucent it turns solid. (see image below)

    Please go to http://xkinga.com/me/ and you’ll see what I mean. Thank you

    I hope my explanation with pictures makes more sense now.
    Thank you for your help.

    #424425

    Hey!

    Thank you for the info. Add this to the Quick CSS field to keep the header bg style:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive #top .header_bg {
      opacity: .9;
      filter: alpha(opacity=90);
    }}

    Cheers!
    Ismael

    #425006

    Thank you. This is almost prefect however the translucency level is different at 989px vs. 768px. How can I increase the opacity. It is set to 9 which I think is the maximum in the css you have provided. I need this to be a little darker. Thank you

    #425464

    Hi!

    Please try changing Ismael’s code to following

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive #top .header_bg {
      opacity: .95;
      filter: alpha(opacity=95);
    }}

    Cheers!
    Yigit

    #425678

    Worked Perfectly, thank you so much

    #425867

    Hi!

    Perfect, glad you got it fixed.

    Regards,
    Rikard

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