move the cart to the search bar area

Hi @freelylw

Some custom CSS should do the trick.
Do you have an URL for us? We will need to inspect the site via a browser to try.

Kind regards,

Hi @conschneider thanks, I have a development site here if you can have a look, thank you

• This reply was modified 2 years, 8 months ago by Steven Stern (sterndata). Reason: replaced bit.ly link

Sidenote: @freelylw I replaced the bit.ly link. Because bit.ly has been abused here before, we discourage its use.

Hi @freelylw

How is this: https://d.pr/i/A1TLTC

.woocommerce-active .site-header .site-header-cart {
    max-width: 150px;
    top: 25px;
    position: absolute;
    left: 955px;
}

Kind regards,

hi @conschneider thanks, I see the cart to moved to the upper area, but its overlapping with the menu there, ( I hided the search bar with provided code below, can you tell how to keep the menu on the left side of the cart? thank you. ) please see the screen here
————————————————————————————-
`/* Increase width of Secondary Menu and align it to right of page when search bar remove */
@media (min-width: 768px) {.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {width: 69.5652173913%; float: right;margin-right: 0;}
————————————————————————————-
/**
* Disable the Search Box in the Storefront Theme
*/
add_action( ‘init’, ‘remove_sf_actions’ );
function remove_sf_actions() {
remove_action( ‘storefront_header’, ‘storefront_product_search’, 40 );}
———————————————————————————–

Hi there @freelylw,

I’m sorry we missed your last post. Have you been able to resolve this issue?

If not, can you please share the site’s URL, as the development site URL above no longer exists.

Thank you!

Hi @freelylw. We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if you are ready to continue ??