Navbar cart menu

Support
#1

Hello,

site is www.eurekawellness.com.au
Here is my problem. The navbar cart is big, squared and over sized. and is not contained. Tried everything and can’t find the element in inspector. But i am not good at finding elements anyway.

Looking for it to look like this. More inline with the rest of the menu.Longer in size or at least bottom and top is aligned with the rest of the menu.

Thanks

#2

Hi There,

There’s only cart when I check the menu. To move it downward inline with other menu items, see this: https://screencast-o-matic.com/watch/cblhhB2gxe

.x-navbar-static-active .x-navbar .desktop .x-nav > li.x-menu-item-woocommerce > a {
    padding-top: 22px; /*Adjust this accordingly*/
}

Hope this helps.

#3

Hi, this is not working and now there is this slide bar. I have used this to adjust the navbar heights. But the cart is nowt like the one in the picture above. Not sure what is wrong.

.x-navbar {
height: 80px;}

#4

Hi,

It looks like you change it with the horizontal one.

The code provided by my colleague should work.

See Video.
https://www.screencast.com/t/u9vDOWvOwFzZ

Add this in Theme Options > CSS

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

In case it still doesn’t work, please provide us your wordpress admin username as well.

Thanks

#5

Hi,
What you are viewing is different from what I am viewing. I am in incognito, and deactivated all cache plugins and this is what I am viewing. Any reason why those sliders are there or why this is showing up like this in my browser. And it is

The login details are in the private message above.

#6

Hey There,

Please also add this custom CSS:

.x-cart.inner-outer.inline.square {
    margin-top: 18px;
    overflow: hidden;
}

Let us know how it goes!

#7

Nothing happens when I enter the code in global css or in additional CSS. But like you, when I put 22px padding in inspector it will shift down.

#8

I reset chrome and cookies and logged back in. It now works with adding 22 in the woocommerce custom area. But the Code you gave didn’t work still.

Anyway hope it works now. Thanks.

#9

Hi there,

everything seems t be found here on my side. I have never checked your website and with my chrome browser it shows pretty well:

Thank you.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.