Topic: Aligning the cart icon in the vertical menu

alexkladov
May 24, 2023 at 4:30 am

Hi! Could you please help me to align the cart icon in vertical menu. I’ve tried to put it in the navigation menu to do so, it works but it’s not displayed on mobile. Thanks for your assistance!
Leo
May 24, 2023 at 9:23 am

Hi there,

Can you activate the cart icon first?

I don’t see it on the site right now.

Let me know 🙂
alexkladov
May 24, 2023 at 11:36 pm

Sure, I did it.
fernandoazarcon2
May 24, 2023 at 11:48 pm
Hi Alex,

Try adding this through Appearance > Customize > Additional CSS:
```
.menu-bar-items {
    width: 100%;
    justify-content: center;
}
```
alexkladov
May 25, 2023 at 6:47 am

Thanks, it looks fine on desktop, but not so good on mobile. Could you please help to correct it?
Ying
May 25, 2023 at 9:32 am

Hi Alex,

How do you want it to be aligned on mobile? To the right?

Let me know 🙂
alexkladov
May 25, 2023 at 1:09 pm

Can we make the cart icon aligned to the left with site title to be in the center?

fernandoazarcon2

May 25, 2023 at 4:44 pm

I see. Try this instead:

@media (min-width: 1025px){
   .menu-bar-items {
    width: 100%;
    justify-content: center;
} 
}

@media (max-width: 1024px){
    .navigation-branding {
       position: absolute;
       left: 50%;
       transform:translateX(-50%);
       margin-left: 0;
       top: 0;
    }
}

alexkladov
May 26, 2023 at 1:11 am

Thanks a lot for your assistance, it works fine!
fernandoazarcon2
May 26, 2023 at 4:14 am

You’re welcome, Alex!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Aligning the cart icon in the vertical menu