Logo on top menu

Activello
1

Hi,

I know that a lot of topics talk about this, but I didn’t find it by trying the whole solution.

I am looking to place my logo / title + slogan in the top left corner. If I use this code,

div#logo {
padding-top: 13px;
}
nav.navbar.navbar-default .container {
max-width: 100%;
}
nav.navbar.navbar-default {
float: right;
max-width: 70%;
}
#masthead > .container {
float: left;
max-width: 30%;
}

it shifts my menu and I don’t like it at all (see picture). Is it not possible to move it over the menu?

An idea?

my website: tas2cailloux.com

Thank you

Michael

2

Hi there

Hope you are having a good :slight_smile:
Such changes require customization in the template files, doing this only with CSS needs excessive modification for desktop, for tablets and for mobile devices, the separate code must be created for each device screens

Thanks!
Colorlib Support Team

3

Hi,

Thank you very much for the quick answer. Which part of the template should be modified? Is it a fairly easy change? Or will it also lead to a lot of css modification?

Michael

4

" Is it a fairly easy change? Or will it also lead to a lot of css modification?" - depends on your knowledge,not only layout but you have also create new css rules for new layout, you need to deal with header.php

5

Hi, thank you for this valuable information I also have the same concern and I was looking for a solution, your answer helps me a lot !

6

Good evening @Bane55

You can use this free plugin to build header with any layout you wish: