Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • August 4, 2017 at 10:41 am #834267
    ckreitner

    Hi all,

    first of all: I love the Enfold theme, great job guys!

    I have an issue on a code block including a script for a booking button which I put in a color section. I want to show it always on top as overlay of all content. I tagged the color section with #codesection and inserted these lines to quick css:

    #codesection {
    display: none !important;
    position: relative;
    z-index: 9999 !important;
    }

    But Layer Slider an text are always in front of the button. Especially on mobile devices you can see that the button disappears behind text and other elements. The URL is: http://www.uro-zentrum.at/ .

    Can you guys give me a little help on this, many thanks!

    Cheers, Clemens

    • This topic was modified 7 years, 3 months ago by ckreitner.
    August 7, 2017 at 4:59 pm #835469
    Yigit

    Hey Clemens,

    Sorry for the late reply!

    Can you please post a screenshot and show the issue?

    Best regards,
    Yigit

    August 7, 2017 at 5:04 pm #835473
    ckreitner

    you can see the button on the bottom behind the text

    August 7, 2017 at 5:25 pm #835486
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #dfbook-floating-button-outer {
    z-index: 9999;
}

    Best regards,
    Yigit

    August 7, 2017 at 5:43 pm #835495
    ckreitner

    Thanks Yigit,

    but this didn’t help – button on mobile still in the back – and on desktop it disappeared completely…

    Best regards,
    Clemens

    August 7, 2017 at 6:57 pm #835541
    John Torvik

    Hi,

    Try to add the !important after the rule provided by Yigit.

    Best regards,
    John Torvik

    August 7, 2017 at 8:10 pm #835579
    ckreitner

    already tried ;-)
    didn’t work either

    August 9, 2017 at 11:38 am #836304
    Victoria

    Hi ckreitner,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    August 9, 2017 at 12:53 pm #836348
    ckreitner
    This reply has been marked as private.
    August 14, 2017 at 12:11 pm #838587
    Günter

    Hi,

    Sorry for the late reply due to summer holidays.

    Having a look at your site it seems to work now ?

    Could you solve the problem?

    Best regards,
    Günter

    August 14, 2017 at 12:37 pm #838609
    ckreitner

    Hi Günter,
    no, doesn’t work, not solved yet…button is on mobile devices still in the back.
    Best regards,
    Clemens
    Mobile View - iPphone Safari

    August 14, 2017 at 4:59 pm #838785
    Victoria

    Hi Clemens,

    But I don’t see the code we gave you applied to the element. You probably did not regenerate the minified and extracted css. Did you?

    Best regards,
    Victoria

    August 18, 2017 at 3:23 pm #840901
    ckreitner

    Hi Victoria,

    I dit, but removed it because it didn’t work – the button disappeared completely in the desktop version. Mobile still visible but as before under the text an content…try yourself pls…

    Best regards,
    Clemens

    August 19, 2017 at 9:58 pm #841447
    Victoria

    Hi Clemens,

    Got it working :) Please check.

    Best regards,
    Victoria

    August 28, 2017 at 9:41 am #844736
    ckreitner

    Hi Victoria!

    Perfect, thank you very much!!!
    Can you tell me how, because code is the same or isn’t it?

    Best Regards,
    Clemens

    August 30, 2017 at 1:36 pm #845777
    Victoria

    Hi Clemens,

    There is a class for mobile, look closer, the class is not the same :)

    Glad we finally got it working for you! :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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