Header - Logo alignment with inline selection

Support
#1

Hi there,

We’ve been playing around with the layout of the header section on our site tonight and we’ve altered the header section from stacked to inline. We’re almost happy with the overall look after several hours of tweaking but are scratching our heads at how to move our logo closer to the navbar.

There is a larger white gap to the right of the logo than there is to the left. Do you have any pointers on how to play with the alignment of the logo to bring it closer to the navbar?

Many thanks,
Vaping Hardware

#2

Hello @VapingHardware,

Thanks for writing in!

Do you want something like this?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar .x-container.max.width {
    max-width: 1140px
}

We would loved to know if this has work for you. Thank you.

#3

Hi there,

Thanks so much for the reply and the code. It’s worked perfectly! We’re really happy with the overall alignment now!

Many thanks,
Vaping Hardware

#4

You’re most welcome! :slight_smile:

#5

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