Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 28, 2017 at 4:39 am #784276
    Micoenfold

    Hi,
    I tried the following CSS to move the site wide notice to the bottom of the page, however the text is now blocking the entire page. Please see screenshot here http://prntscr.com/f1p354

    Please guide me on what changes are required in the CSS below.

    p.demo_store{
    position: fixed;
    left: 0;
    bottom: 69px;
    right: 0;
    margin: 0;
    padding: 1em 1.41575em;
    background-color: #3D9CD2;
    z-index: 999;
}

    Thanks.

    April 28, 2017 at 5:25 am #784281
    Nikko

    Hey Micoenfold,

    Can you give us a link to the page mentioned? so we can take a closer look.

    Best regards,
    Nikko

    April 28, 2017 at 6:53 am #784309
    Micoenfold

    Thanks for replying Nikko!

    Currently I am developing locally using XAMPP so I would be unable to share the link.
    Can you help by testing locally at your end?

    My objective is to use the Store Wide notice for information from time to time. I intend to keep this fixed at the bottom.

    Thanks.

    April 28, 2017 at 7:35 am #784327
    Basilis

    Hi!

    When you have the site up, please feel free to reply in the topic again, so we can be able to help you further by checking.
    Thank you very much

    Cheers!
    Basilis

    April 28, 2017 at 7:49 am #784329
    mensmaximus

    @micoenfold

    
p.demo_store {
    position: fixed;
    top: inherit;
    left: 0;
    bottom: 69px;
    right: 0;
    margin: 0;
    padding: 1em 1.41575em;
    background: -webkit-linear-gradient(#3D9CD2, #3D9fff);
    z-index: 999;
}
    April 28, 2017 at 8:45 am #784349
    Micoenfold

    @mensmaximus

    Awesome! Thank you! This is exactly what was required!

    April 28, 2017 at 9:08 am #784360
    Nikko

    Hi Micoenfold,

    Glad to hear that it’s fixed :)


    @mensmaximus    : Thanks for helping out :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Woocommerce Site wide Notice fix to the botom’ is closed to new replies.