Want to move logo to the left and keep nav bar the same.

[joesmith9]

So as my website currently stands, the top picture would be the desired outcome, however when I move my logo to the left it causes the nav bar to change.

Is there anyway to just move the logo without it affecting anything else? And I would also like to add a "call us on this number" text in the header also. How is this possible? I'm using the debut theme if that helps at all.

Many thanks

[matbaker]

Hi @joesmith9 

have you tried setting CSS width property of nav bar to 100%?

It would look something like that: 

#your_navbar_id {
width: 100%;
}

[joesmith9]

Hi @matbaker I can't find the specific code line for it, but the ones I did try it didn't seem to work unfortunately.

[suyash1]

@joesmith9 - can you please share website link and password?

[joesmith9]

tilestack.co.uk

password is rovic

[suyash1]

@joesmith9 - it can be done like this screenshot, but it is not straight forward css change, it needs multiple code altering too, only css will not help

[joesmith9]

Yes that would be perfect.

[suyash1]

@joesmith9 - can you please contact me on my email given below? I will let you know everything in detail

[matbaker · Accepted solution]

@joesmith9 

Thats what you need  

header .site-header__mobile-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

nav#AccessibleNav {
    width: 100%;
    order: 3;
}

header .logo-align--left {
    width: 50%;
}

header .site-header__icons {
    width: 50%;
}

[joesmith9]

Yes that worked perfectly, thank you so much.