Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 2, 2015 at 10:36 pm #404819
    iclo

    Hi there!

    I’ve noticed that the scroll down arrow in my 100% Browser Window Height color section is not showing on an iPhone/iPad. Actually it’s not that it’s “not showing” but it’s off screen. Just a bit under the browser window bottom. It’s working fine on a desktop though.

    I can imagine it’s not a big thing to correct but I’m hopeless regarding playing with the code.

    Merci :)

    March 3, 2015 at 1:42 pm #405112
    Yigit

    Hey iclo!

    Please try adding 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; }}

    Best regards,
    Yigit

    March 3, 2015 at 10:21 pm #405448
    iclo

    Thanks Yigit but it didn’t change anything… :s

    March 5, 2015 at 2:31 am #406182
    Josue

    Hi!

    Try with this instead:

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

    Best regards,
    Josue

    March 6, 2015 at 3:50 pm #407020
    iclo

    Thanks Josue. Now it’s showing on an iPhone (not on an iPad though). But once one clicks on the arrow, the top of the next section doesn’t reach the top of the screen. Also the image resizes a couple of times. All this is not really fluid.

    FYI I followed the instructions given in this topic to add the scroll down arrow:
    https://kriesi.at/support/topic/add-scroll-down-arrow-button-on-advance-layerslider/

    • This reply was modified 9 years, 4 months ago by iclo.
    March 7, 2015 at 1:43 pm #407467
    Ismael

    Hi!

    Replace the code with this to include iPad screens:

     @media only screen and (max-width: 1024px) {
    #top #wrap_all .av_header_transparency{
        position: absolute !important; 
    }
    #top .av_header_transparency .header_bg{
        background-color: black !important;
    }
}

    Cheers!
    Ismael

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