Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 6, 2015 at 5:08 am #423772
    jackthepilot

    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 9 years, 7 months ago by jackthepilot.
    April 6, 2015 at 2:23 pm #423931
    Yigit

    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

    April 6, 2015 at 5:44 pm #424046
    jackthepilot

    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.

    April 7, 2015 at 5:08 am #424425
    Ismael

    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

    April 7, 2015 at 11:20 pm #425006
    jackthepilot

    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

    April 8, 2015 at 5:30 pm #425464
    Yigit

    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

    April 9, 2015 at 3:06 am #425678
    jackthepilot

    Worked Perfectly, thank you so much

    April 9, 2015 at 12:39 pm #425867
    Rikard

    Hi!

    Perfect, glad you got it fixed.

    Regards,
    Rikard

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