Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 21, 2018 at 2:28 pm #1012786
    jscarlett

    Hi,

    I have created a Fullscreen Slider and it leaves a space above above for the Header but is there a way of displaying the Socket as well please – without having to scroll to see the Socket?

    Thanks

    Jane

    • This topic was modified 6 years, 2 months ago by jscarlett.
    September 22, 2018 at 4:59 am #1012982
    Rikard

    Hey Jane,

    I’m not sure I understand the problem you are having, could you link to the page in question so that we can have a closer look please?

    Best regards,
    Rikard

    September 22, 2018 at 8:57 am #1013013
    jscarlett

    Hi Rikard

    Here is the test page.

    After the page loads you have to scroll down to see the socket. I would like the visitor’s first view to include the socket.

    Thanks

    Jane

    September 23, 2018 at 7:34 pm #1013389
    Nikko

    Hi Jane,

    Try adding this css code in Quick CSS (Located in Enfold > General Styling):

    #socket {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

#socket .container {
    padding-bottom: 30px;
}

    Hope it helps.

    Best regards,
    Nikko

    September 24, 2018 at 12:57 am #1013435
    jscarlett

    Hi Nikko

    Thank you so much – works perfectly!

    Jane

    September 24, 2018 at 5:36 am #1013485
    Rikard

    Hi Jane,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 24, 2018 at 11:01 am #1013552
    jscarlett

    Hi Rikard

    I have now realised that the solution has only made a sticky socket but that was not what I was after because if affects all the other pages.

    I wanted to know if there was a way of just having the socket show on the homepage below the fullscreen slider without having to scroll but wanted the socket to behave as normal on all the other pages.

    Do you think there is a solution?

    Thanks

    Jane

    September 24, 2018 at 11:30 am #1013555
    Dude

    Hey!

    Yes – use this code instead – it will only affect the homepage:

    
.home #socket {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.home #socket .container {
    padding-bottom: 30px;
}

    Regards,
    Peter

    September 24, 2018 at 11:22 pm #1013894
    jscarlett

    That’s great – thank you so much!

    September 25, 2018 at 6:01 am #1013993
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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