Cart button in header menu positioning/sizing problem

Support
#1

Hi All,

I have added a Cart button to the menu in the shop: http://blancmagazine.com/shop/
But have difficulties to align it through the Cornerstone > Theme Options > Woocommerce > Cart alignment setting. It just doesn’t react when I input numbers in that field.
Furthermore how can I change its size? Is there a css code I can put in global? Here’s what it looks like at the moment: https://www.dropbox.com/s/ved9brjcsv7dnlb/Screen%20Shot%202017-09-07%20at%2008.02.30.png?dl=0

Thanks a lot!
Anton

#2

Hey Anton,

Thanks for writing in! Please make sure that you have set the navbar top height and alignment in the theme options, X > Launch > Options > Header. And to align it properly with your other menu item, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li.x-menu-item-woocommerce > a {
    padding-top: 15px;
}

Please let us know how it goes.

#3

Hi RueNel,
The alignment worked like a charm!

  1. Is there any possibility to modify the button’s size? I tried to add the font-size attribute to the code but with no effect. Nor did the following work.
    x-icon-shopping-cart {
    font-size: 11px;
    }

And one more thing:
2) Now the shopping cart only appears in the Shop/product pages, is there an easy way to add it to selected ‘posts’ pages?

Thanks a lot!
Anton

#4

Hello There,

To make the cart icon a little bit smaller, you can make use of this code instead:

.x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li.x-menu-item-woocommerce > a {
    padding-top: 15px;
}

.x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li.x-menu-item-woocommerce > a i:before{
    font-size: 16px;
}

The cart menu should display in any page unless otherwise there is a custom code you may have added or a 3rd party plugin the prevents it from displaying.

Hope this helps. Kindly let us know.

#5

Hi RueNel,
this code worked perfectly, thanks a lot!

I have checked and the cart only displays in the shop: http://blancmagazine.com/shop/ and its subsections, I haven’t addeed any 3rd party plugin preventing it displaying elsewhere. See for example section: https://blancmagazine.com/fashion/
And this is exactly how I would like it to behave. Just was wondering if there was a possibility to add the cart to the menu of selected posts.

Thanks!

#6

Hi there,

It depends on the plugin you’re using, it’s doable if the plugin has that feature. What plugin you’re using? You may check their documentation as well.

Example, some plugin uses a condition like is_single(454) which means to display it to a specific post that has 454 post_ID.

Thanks!