Store notice position

  • Resolved sbraunm

    (@sbraunm)


    4 years, 6 months ago

    Hello,

    I need to use the store notice, but it overlaps the web′s menus and banner (see here: https://imgur.com/YEiAIMF )
    How can I change the position (and background color if possible)?

    Thanks for your help….

    P.S. I tried this I found somewhere but it did not work:

    /* Change Store Notice to bottom */
    .demo_store {
    background-color: #3d9cd2;
    bottom: 0px; /* Changing the value to 0 will make it sticky at the bottom */
    color: #fff;
    left: 0;
    margin: 0;
    padding: 1em 1.41575em; /*padding: 1em0;*/
    text-align: center;
    position: fixed;
    right: 0;
    color: #fff;
    z-index: 999;
    }

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    The store notice location is largely dependent on the theme you’re using; To move that would either be done using your theme settings or custom CSS.

    With that said, I did have a look at https://www.nationalallergyperu.com/ but didn’t immediately notice any store notices on that site. Is there a specific page I should be looking at or have you disabled it in the meantime?

    Please note that in order for us to craft custom CSS, the store notice would need to be active in order for us to look into the necessary selectors to use ??

    Thanks!

    Thread Starter sbraunm

    (@sbraunm)

    Hello,

    I just activated the store notice, but please advice with the CSS as it really looks ugly where it is now, and menus are covered by it, so no navigation.

    P.S. Can you remove the website link from your response? I dont want this post to appear on organic search results….

    thanks!

    Thread Starter sbraunm

    (@sbraunm)

    Hello,

    Kindly advice,

    thank you

    @sbraunm – Can you try pasting the following CSS in your Customizer?

    p.woocommerce-store-notice.demo_store {
   top: -45px!important;
}

    – Joey

    Thread Starter sbraunm

    (@sbraunm)

    Hi Joey, thanks. The notice appears partially covered by thee bar with logo and menu on a smartphone….

    how to correct it?

    I already tried changing the 45px value up and down….

    BTW, how can I change the background color??

    P.S. Can you remove the website link from your response? I dont want this post to appear on organic search results….

    @sbraunm

    The notice appears partially covered by thee bar with logo and menu on a smartphone….

    how to correct it?

    Changing the size of the notice for smartphones would need some responsive @media queries added to the CSS: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
    This is a bit beyond the level of CSS support I can offer for an issue that’s related to your theme. If you’re unable to contact the theme developers, you may consider reaching out to a private developer: https://woocommerce.com/customizations/

    BTW, how can I change the background color??

    The background color of the store notice? If yes, you can just add the following into the CSS I gave you above:

    background-color: #000;

    You can just adjust the #000 to the color you’re wanting.

    P.S. Can you remove the website link from your response? I dont want this post to appear on organic search results….

    I’ve asked @riaanknoetze to amend his response, since I’m unable to do so on my end. That should be taken down shortly. ??

    – Joey

    @sbraunm – Looks like we’re unable to remove the link from the previous post, but not to worry, as these links are given the nofollow attribute. These types of links are not scraped by search engines.

    – Joey

    Thread Starter sbraunm

    (@sbraunm)

    cool, thank you!

    No problem, @sbraunm! I’ll go ahead and set this to resolved for now, but let us know if you need any further help.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Store notice position’ is closed to new replies.