Align Woocommerce Cart to the right

[theleanbox]

I need help aligning the Woocommerce cart to the right but keep the nav links to the left along with the logo.

Site: https://theleanboxexpress.pboyxnn4-liquidwebsites.com

[christopher]

Hi Dayana,

Please add the CSS code below to X > Theme Options > CSS:

@media (min-width: 980px) {
	.masthead-inline .desktop .x-nav {
		    float: left;
    width: calc(100% - 95px);
    margin-left: 20px;
	}
	.x-navbar .desktop .x-nav > li.x-menu-item-woocommerce {
		float:  right;
	}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.