Return to previous page

Badge position - by ctrimde - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 8 years, 5 months ago ago by Robert Hall

  • Avatar: ctrimde
    ctrimde
    Participant
    November 18, 2015 at 14:03

    Dear Team, please advise how to CONTROL the BADGE (new, hot, sale) position in the CSS sheet. Right now it is “on top ” of the menu text- so u cannot read the Menue properly 🙁

    Please have a look at the main menu:

    https://lecity.org

    Many thanks!
    Claudia

    Please, contact administrator
    for this information.
    #100104 Copied Theme version: legenda WooCommerce version: latest
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 18, 2015 at 14:36

    Hello,

    Try to use this code in custom.css file:

    @media (min-width: 980px) {.header-vertical-enable .menu > li.badge-new > a:before, .fixed-header .menu > li.badge-hot > a:before, .fixed-header .menu > li.badge-sale > a:before, .main-nav .menu > li.badge-new > a:before, .main-nav .menu > li.badge-hot > a:before, .main-nav .menu > li.badge-sale > a:before {
    right: -28px !important;
}}

    Best regards,
    Jack Richardson.

    #100112 Copied
    Avatar: ctrimde
    ctrimde
    Participant
    November 18, 2015 at 14:58

    This worked wonderfully!

    Thank you very much!

    #100122 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 18, 2015 at 16:19

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    #100151 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Badge position’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Industrial Power Tools Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.