Store Notice Placement Issue

  • nestor310

    (@nestor310)


    8 years, 2 months ago

    Hello everyone, currently my site is having multiple issues that I’m trying to fix but it is my first time creating a post, so I’m not sure if I should just create new topics for each issue separately or mention all of them here.
    But at the moment my main issue is that when I begin to scroll down, the menu hides under the store notice covering the logo. As opposed to being right on top of the menu and moving down with it together. I already turned the sticky header option on but that didn’t help me much.
    Just click on one of the links below like “privacy policy” and start scrolling down to see what I mean.
    @hannahritner if you see this post, please help me since apparently only your coding seems to be working in the css box for some reason.
    Thank you any one else who tries to help me.

    • This topic was modified 8 years, 2 months ago by nestor310.
    • This topic was modified 8 years, 2 months ago by Jan Dembowski.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • hannah

    (@hannahritner)

    8 years, 2 months ago

    Hi @nestor310,
    Looks like your site is in maintenance mode. Are you able to temporarily remove this so I can take a look?

    Hannah

    Thread Starter nestor310

    (@nestor310)

    8 years, 2 months ago

    Sorry about that, thought I left it off. But you should be able to see the site now.

    hannah

    (@hannahritner)

    8 years, 2 months ago

    Hey,
    Sorry for the delay. Somehow this thread got overlooked.
    This CSS should center align your topbar notice and add a border underneath:

    @media (min-width: 992px) {
.col-md-6.col-sm-6.kad-topbar-right {
    width: 100%;
    text-align: center;
}
.col-md-6.col-sm-6.kad-topbar-left {
    display: none;
}
#topbar.topclass {
    border-bottom: 1px solid #fff;
}
}

    You mentioned in your email that you were wanting an “if statement” that would send the text all the way to the bottom of the footer in a fixed position. There isn’t built-inin function for this. You could add text to a widget in your footer and hide it on desktop using css and media queries. Would that work for you? Or else you could use a plugin with this function.

    This should change the hover text color of your checkout button in the mini cart:

    #nav-main ul.sf-menu ul#kad-head-cart-popup:hover .button:hover {
color: #000;
}

    Hope that’s helpful!

    Hannah

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Store Notice Placement Issue’ is closed to new replies.