Unable to put CART in NAV MENU

Design help General
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 Likes
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:

1 Like
6

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