customising header template

• 

  icohcmc · Member · Nov 7, 2016 at 8:20 am

  • Copy link
  • Add topic to favorites

  Can you please help me. I am trying to fix the header template but nothing works. It displays differently in browser on a different PC then in wordpress edit. What I would like to achieve is: – a bigger size logo aligner to the left – next (not under) the logo the company name “XXXX XXXX XXXXX” – underneath that the location of the company’s branch “XXX XXXXX” aligned to the right, to finish together in line with the company name – under the strapline, the navigation items all in one ine (now clusetered in two oines to the rigth)

  What I currently get is: – small logo on top of everything else – navigation items all aligned to the right and not in one line underneath the name – not displaying the strapline.

  Can you please help, I don’t know what else to do

  The blog I need help with is: (visible only to logged in users)

• 

  kristarella · Member · Nov 7, 2016 at 9:40 am

  • Copy link

  Heya!

  There’s a few elements in play here, but you should be able to put the following in the CSS section of your Customizer.

  .header-inner {
      display: block;
  }
  .site-branding {
      width: 100%;
      display: block;
  }
  .site-logo-link {
      float: left;
      margin-right: 1em;
  }
  .site-logo {
      width: 150px;
      height: auto;
      max-height: none;
  }
  .site-title {
      clear: none;
      margin-top: 0 !important;
  }

• 

  icohcmc · Member · Nov 8, 2016 at 8:05 am

  • Copy link

  thank you kristarella, I just added it and it looks so much better already! last question: how can I split “International Choir & Orchastra” and “Ho Chi Minh City” from currently one line one colour to two lines two colours (it is supposed to be a heading and a sub-heading) please? thank you!

• 

  icohcmc · Member · Nov 8, 2016 at 8:36 am

  • Copy link

  also, can I please ask how can I change the menu colour to yellow (currently white? and only turns yellow ehn the link is clicked)? thank you!

• 

  thesacredpath · Member · Nov 12, 2016 at 5:09 pm

  • Copy link

  Hi there, I see you are not using the site title and tagline and have the two with different sizes and colors. Let me know if you need further assistance with this issue.

  On the color for the main navigation, the following changes the background color of the navigation to yellow.

  .main-navigation {
      background-color: #FCEF35;
  }

  You can edit the color code as desired.