Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 18, 2015 at 5:46 pm #489637
    quantum

    I’m using this CSS for my sticky footer in Quick CSS. How can i modify so that only a specific site is affected ?

    Where and how i have to put the page-id ? So far nothing works.

    #footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10000;
    }

    Thanks in advance.

    August 18, 2015 at 8:01 pm #489695
    Elliott

    Hey quantum!

    You could add a .page-id-123 in front of it or drag a codeblock element to the page and add this inside.

    <style type = "text/css">
#footer {
position: fixed;
width: 100%;
bottom: 0;
z-index: 10000;
}
</style>

    Cheers!
    Elliott

    August 19, 2015 at 12:13 pm #489978
    quantum

    hey Elliot,

    thanks works great.

    One last question. At my startpage i have a Picture Logo in an image container.

    http://fresh.kobalt.de

    So far evertyhing is fine with the position and size, but when i switch to mobile devices the logo is mostly hidden under the menue. is there a solution to make sure it works on mobile devices (so its allways visible), like a fixed position for different resolutions.

    • This reply was modified 9 years, 4 months ago by quantum.
    August 19, 2015 at 5:24 pm #490252
    Elliott

    Hey!

    Remove this.

    <div style="height:1px; margin-top:-100px" class="hr hr-invisible  avia-builder-el-2  el_before_av_image  avia-builder-el-first "><span class="hr-inner "><span class="hr-inner-style"></span></span></div>

    And it will display normally and not beneath the menu.

    Best regards,
    Elliott

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