Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 23, 2014 at 9:39 am #339976
    dalboslampen

    Hi
    I would like to have the footer or socket fixed at the lower part of the screen. In this case I am using parallax. Is this possible?
    http://www.dalbomultimedia.net/demo6/

    October 23, 2014 at 1:09 pm #340064
    Yigit

    Hey dalboslampen!

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

    #socket {
position: fixed;
bottom: 0;
width: 100%;
}

    Regards,
    Yigit

    October 23, 2014 at 3:18 pm #340132
    dalboslampen

    Great!
    I would like it to be visible at load. Now it only shows at scroll down…
    Even better would actually be to make the footer behave this way, ist that possible? If not I´ll go for the socket version :)

    October 23, 2014 at 3:27 pm #340137
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #socket { z-index: 999; }

    It is possible but on smaller screens it would cause some issues so i would personally recommend you socket version :)

    Cheers!
    Yigit

    October 23, 2014 at 3:28 pm #340138
    Guenni007

    i thought that playing arround with some z-index has to be done too:

    #footer {
    padding: 15px 0 30px;
    position: fixed;
    width: 100%;
    z-index: 1;
    bottom: 45px;
}

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

    We have to handle the main content because it is covered with only the code above
    wait a moment – i have a look.
    i think this won’t work with a responsive footer hight, because footer and socket are in the main Container.
    The socket height is not so variable – so you can manage it by adding a padding-bottom to main container but socket height is much more variable.

    I guess – no chance

    • This reply was modified 10 years ago by Guenni007.
    October 23, 2014 at 5:13 pm #340215
    dalboslampen

    Hi
    I now got the socket exactly how I like it!
    I try to center the text, and also make font bigger. I tried to add text-align: center; in the socket css, but no luck.
    How can I make my text (or even images in time..) stay in the centre of the socket? Not to the left as now..

    http://www.dalbomultimedia.net/demo6/

    October 23, 2014 at 5:17 pm #340224
    dalboslampen

    Hi Guenni!
    Thanks for helping out! Your approach almost worked!! The Footer resides at the bottom of my page, but I would like it to be visible from the very beginning, there should be no need for scrolling in advance.

    As Digit replies the footer might use to much space, but in return it is a lot more flexible than the socket. In the footer I could drop widgets, and define columns.

    I would be very pleased it you where able to provide a code that would make the footer visible as once loads the page!

    October 23, 2014 at 5:18 pm #340225
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    span.copyright {
width: 100%;
text-align: center;
font-size: 16px;
}

    Regards,
    Yigit

    March 2, 2017 at 6:40 am #754071
    aovivo

    Hi there,
    is there a solution in a future release to make the footer/socket sticky by option?
    Have seen this in some other themes as option.

    thanks
    aovivo

    March 2, 2017 at 9:02 pm #754575
    Yigit

    Hi,

    Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

    Best regards,
    Yigit

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