Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 20, 2015 at 12:56 pm #447069
    karennel

    My logo area is transparent when you arrive at the site http://baobabphoto.com/new/school/ and when you scroll down I want it to turn into a non-transparent header with background colour of #222222, but it remains faintly transparent. How can I disable the transparency only when scrolling?

    May 20, 2015 at 3:09 pm #447138
    Yigit

    Hi karennel!

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

    #header.header-scrolled { background: #222 !important; }

    then go to Enfold theme options > Header > Header Behaviour and enable shrinking header.

    Regards,
    Yigit

    May 21, 2015 at 6:01 am #447566
    karennel

    Yay! Thanks Yigit – that did the trick! :-)

    May 21, 2015 at 6:23 am #447572
    karennel

    Sorry, I spoke to soon. It’s working on a PC but when I check it on ipad the transparency is still there when scrolling.

    May 22, 2015 at 5:39 am #448158
    Rikard

    Hi!

    Could you please try to flush your browser cache and reload a few times to see if that helps?

    Regards,
    Rikard

    June 26, 2015 at 10:33 am #464847
    karennel

    Hi Yigit and Rikard. Sorry for the delay in testing again. I still have the problem: only on the ipad the transparency is still there when scrolling. I’ve tested multiple ipads and cleared the cache.

    June 26, 2015 at 1:47 pm #464960
    Yigit

    Hi!

    I do not have an actual ipad unfortunately but i checked your website on http://ipadpeek.com/ and it worked fine on my end.
    I will ask @rikard and @basilis to check your website. Please kindly wait to hear from them.

    Cheers!
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Disable transparency of header during scrolling’ is closed to new replies.