Logo inline

[Antigone84]

Hi! Im strugglin to have the logo inline next to the navigation here: https://yo-pa.de/yorulmaz-partner-rechtsanwaelte/

Actually it only appears when the window is smaller. Where can I change this?

[tristup]

Hi Marcela,

Thanks for reaching out.
You need to set the Logo and Navigation > Layout to Stacked from the Theme Options > Headers.

Hope it helps.
Thanks

[Antigone84]

No, actually then it looks like this:

But I want it that way:

[tristup]

Hi Marcela,

You need to set the Layout to Inline and then add the following custom CSS code into the Theme Options > CSS to make the Logo in the right side and the Navigation in the left.

.x-nav-wrap.desktop 
{
    float: left !important;
}
.x-brand 
{
        float: right !important;
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[Antigone84]

Thank you, but its still not how I wanted it. now it apperas on the right side when the mode is on “Stacked” but I want it to appear on the right side, when the mode is “inline”.

Right now it`s not appearing at all being “inline”, and now I got the problem that on the mobile version, the logo is right, which should not be. So, only on desktop, I need the logo to be inline right, and on mobile stacked centered. Please:-)

Thank you!

[ruenel]

Hello Marcela,

Please be informed that the default “Inline” setting will place the Logo on the left while the navigation is on the right.

On mobile, it has the same layout as well:

What you wanted, "only on desktop, I need the logo to be inline right, and on mobile stacked centered. " will require custom CSS coding to be able to accomplish it. Be advised that this is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

If you want to have a custom header design and functionality, we highly recommend that upgrade your X theme to the Pro theme because with the Pro Theme has the Header builder which would allow you to create what you have in mind without writing any CSS code. If you are not familiar with the Header Builder, please check out this documentation articles first:

• https://theme.co/docs/the-difference-between-x-pro
• https://theme.co/docs/converting-from-x-to-pro
• https://theme.co/docs/header-builder-overview

Hope this helps.