Logo in menu and secondary navigation

Can you let me know how can I make the menu bar and secondary navigation be the same width so the logo can “stretch” into both areas?

Right now the logo is on the left side of the menu bar and secondary navigation is on top.

Hi there,

Would you mind providing the link to your site and the admin details in case it has an under construction page active so that we can check it?

Thank you.

Here is the info for the login:

Hi there,

You will need to do it using custom CSS code , this is not part of our theme functionality out of the box and is outside of our support scope, but we will do our best to give yu proper suggestions to do it yourself.

Kindly add the code below to X > Launch > Options > CSS:

.x-topbar-inner {
    padding-left: 175px
}

body .x-topbar {
    z-index: 10;
}

body .x-brand {
    margin-top: -20px;
}

The code above actually sets a minus margin for the logo and adds a padding to the top menu to make sure it will go to the right and give proper place for the logo. One other point is that we set the z-index property of top bar to go behind the logo.

Thank you.

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