Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Aligning the cart icon in the vertical menu

  • 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!

  • Hi there,

    Can you activate the cart icon first?

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

    Let me know 🙂

  • Sure, I did it.

  • Hi Alex,

    Try adding this through Appearance > Customize > Additional CSS:

    .menu-bar-items {
        width: 100%;
        justify-content: center;
    }
  • Thanks, it looks fine on desktop, but not so good on mobile. Could you please help to correct it?

  • Hi Alex,

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

    Let me know 🙂

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

  • 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;
        }
    }
  • Thanks a lot for your assistance, it works fine!

  • You’re welcome, Alex!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.