How can I center the logo and menu on the homepage?

  1. Home
  2. Docs
  3. Tyler
  4. Frequently Asked Question...
  5. How can I center the logo and menu on the homepage?

How can I center the logo and menu on the homepage?

Please follow the instruction below to centre the logo and menu.

a) Please don’t forget to take a backup of the file prior to any change.

b) Open wp-content/themes/Tyler/css/layout.css via FTP or Cpanel.

c) Add the following style at the end of the page

header #logo {width:100%;}

header #menu-primary {left: auto; margin-top: 101px; position: absolute; right: auto; width: 100%;}

 

d) Search for the following media style:

@media (min-width: 1200px) {

with in that media style you can see a style like see below:

header {

max-width: 1260px;

width: 100%;

margin: 0 auto;

height: 100px;

}

 

e) Replace above style with the following:

header {

max-width: 1260px;

width: 100%;

margin: 0 auto;

 

}

 

f) Update the file.

 

Was this article helpful to you? Yes No 1