Trying to put Shopping cart/link next to menu

You don’t need any CSS to do this.
Go to Appearance-> Menus select your main or top menu and then add a shop page menu at the end of the menu.

@sajiddesigner

I am not sure if you know what i mean.

if you look at the top left of my page there is a cart icon and when you scroll over it there is a drop down cart.

i am trying to place the cart icon to the right of my top menu.

thanks for the help tho

I’m afraid this is quite an involved customisation. You’ll need to unhook the header cart function and rehook it in your desired location then apply to CSS to arrange everything.

To get the cart into the right place in the markup give this a try;

add_action( 'init', 'jk_move_cart' );
function jk_move_cart() {
remove_action( 'storefront_header', 'storefront_header_cart', 4 );
add_action( 'storefront_header', 'storefront_header_cart', 60 );
}

Hopefully you can figure out the CSS from there ??

Awesome Thank you so much for the help!

I used the snippet and it worked to get the shopping cart in the general area.
i can definitely do some adjustments. Thanks a million i am just learning css and html and php so i’m a little new.

one problem: there are two carts now. any way to fix that?

Does anyone happen to know a good tutorial for moving things around in css?

I am still doing basic css like visibilty, padding, and basic stuff

@stillmo, Please don’t respond to people who ask you to contact them privately. This is not allowed on the forum and the person has already been warned.

@stillmo, Yeah the Mozilla developer docs are in my opinion better than W3Schools for learning CSS: https://developer.mozilla.org/en-US/docs/Web/CSS

There are also CSS forums you could join

Anyway to remove the first cart with our removing the second one?

i want to keep just the cart next to shop on my main menu.

Hello @stillmo

The easiest way to do this is
Share your header.php and functions.php file via any gist on github etc.
And then Community will help you in changing code.

If you know coding then you can do this your self.
Thank you
Sajis

So i accomplished what i was trying to do but the hover cart contents is covering up the shopping icon cart total and number of items.

trying to figure out css that would move the hover contents down below the cart icon.

hopefully i explained this well.

thanks for all the help. Everybody rocks on here and has been a huge help to my project!!!

thanks for the help