Header one swapping logo and text spaces (Logo on the left and text on the mid)

[rafcurtis]

Hi,

Is there any way of swapping places easily in header to have logo on the left and text on the right? I’m not a html/css master I’m afraid but can fiddle with the code a bit.

Cheers

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide a mockup of how you want it to look like?
So we can see if there is any easy solution.

-Rui

[rafcurtis]

Hi,

Sure! So if you go to http://www.newwebsite.slvision.co.uk – that’s how it is now but we want swap the places of logo and text so it’s more like on our current website http://www.slvision.co.uk. Ideally having text on right hand side, just like on the old page. Another thing that would be great (i know it may be not an easy job) to have 2 lines of text? Like now I’ve put phone and email in one like but that would work better as split into 2 lines. But no pressure on this one, having logo on left and text on right is more important.

Thanks!

[Rui Guerreiro – SUPPORT]

Can you provide me admin access in a private reply?

-Rui

[rafcurtis]

This reply has been marked as private.

[rafcurtis]

Oh and another thing as well while you’re here. It was covered with one answer 2 years ago but maybe things have changed. Basically I would like to make logo appear bigger, almost from top of the screen to the menu so looks like less space above and below the logo. Is it doable at all? I know it is but is it easily doable?

Cheers

[Rui Guerreiro – SUPPORT]

try to increase the logo dimensions in this option.
https://www.dropbox.com/s/aecc2epacx7wx05/Screenshot%202016-04-25%2015.38.44.png?dl=0

I changed your header style so the logo could stay on the left but the text of the top bar will remain above it.

-Rui

[rafcurtis]

Nevermind, found info about space above and below logo. Thanks!

[Rui Guerreiro – SUPPORT]

No problem.
-Rui

[rafcurtis]

Hmmm…. No, text above logo won’t work for us I’m afraid. Let’s leave it for now as it is – in the middle. Thanks for your help!

[Rui Guerreiro – SUPPORT]

ok. No problem. Glad we could help.
-Rui

[rafcurtis]

Oh just one more thing – is there any way to drop the text on the left a bit? so it would be in the middle of he logo height wise?

[Rui Guerreiro – SUPPORT]

sure.

Add the code below to your custom css option.

.header-left {
    padding-top: 25px;
}

-Rui

[rafcurtis]

That’s amazing! Thank you for your help today! Cheers!

[Rui Guerreiro – SUPPORT]

no problem. 🙂
-Rui