Text menu overlay logo on header.

Hi, I have Total Theme and when Im doing menu and logo, the text of menu overlay the logo? Does anyone know, what Im doing wrong? I want to have it like here https://total.wpexplorer.com/base/
Thank you, MS

Hi

I think it is because you have many menus. as the theme menu width not assign it is taking 100% width and then for many menus it is overlay on the logo.

You can fix it by adding the following css into your theme css file:

.header-one #site-logo {
   width: 100px;
}
#site-navigation-wrap {
   width: calc(100% - 100px);
}

may be you will need to change 100px accordinf to your logo width.

otherwise please contact theme author may be they can give better solution.

How to contact an author:

Thanks

OMG, it works! Thank you very much!

1 Like

And do you know, what I should do, when I want to have logo and menu in the middle of header? Because is it on left side now.

it is customization work and it can’t be easy by adding some css. in this case I would like to highly recommend please contact theme author may be thay have any theme settings options or any better solutions.

1 Like