Menu Bar Adjustment

I want to move the my logo on the Main menu bar more to the left.

How can i do this?

Hello @Mohanvir,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme options > CSS:

.x-navbar .x-container {margin-left: 35px !important;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

I need to move just the logo, not the whole menu bar.

Hi There,

Please try adding this custom CSS instead:

.x-navbar-inner .x-brand {
    margin-left: -50px;
}

If it doesn’t help, please provide us with your website URL so we can take a closer look.

Thanks.

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