Streaming live at 10am (PST)

Unable to put CART in NAV MENU


#1

I must put CART into nav menu so it aligns properly to the right against the intended nav menu styling.

image


#2

Hi @miekwave,

If you take a look at this free ecommerce template you can see how the cart is added to appear like it’s with the menu.

You can wrap the nav-menu inside a div, so the cart and the nav-menu sit as siblings to each other.

So your structure would be something like this:

  • Container Hero
    • Nav-Cart-wrapper
      • Nav Menu
        • Navlink
        • Navlink
        • Navlink
      • Cart

If you’re able to share your read only link and describe more the effect you’re looking to achieve, I will be happy to put a quick demo together for you if you have any issues.

Hope this helps! :slight_smile:


#3

@magicmark

Thank you for sharing, i ended up restyling the whole nav menu with mathing out 25% offset by anodther 5 and it works now. However would be nice to include in nav menu for convienence.


#4

My solution above only works on Desktop and Tablet.

I must include CART in NAV MENU Dropdown mobile.

Do you know how to do this? That was the original intention.


#5

Hi @miekwave

Wrapping the Nav menu and cart in a div-wrapper from the desktop breakpoint will allow you to arrange on all breakpoints below. :slightly_smiling_face: