• 

  irinakk

  Participant

  October 9, 2018 at 09:03

  Hi team,

  I am having issues with the header on my website, it is not aligned in the middle of the white header space.
  I did put some code in prior to the theme update, which I removed now as I thought it distorted the header, but them problem is still the same.

  So, what we need to achieve:
  1) Align the menu and logo in the middle of the white header space.
  2) A solution across browsers to reduce header space to 90 px.

  Many thanks,
  Irina

  PS I would like to stay on this current version of the theme 5.0.2, as the last update threw my site off completely and I can not afford to fix it again right now.

  #200734 Copied Theme version: 5.0.2 WooCommerce version: 3.4.5
  3 Answers
  

  Rose Tyler

  Support staff

  October 9, 2018 at 09:20

  Hello,

  Paddings for header http://prntscr.com/l3w8nc you can change in Theme Options > Header > Header styles. These paddings http://prntscr.com/l3w9wk can be changed via Theme Options > Menu > Menu styling > Main menu links > Customize > Paddings.

  Regards

  #200739 Copied
  

  irinakk

  Participant

  October 9, 2018 at 11:06

  That worked, thanks a lot!

  And one more question, the fixed header I get when scrolling, the fixed logo is quite big and so is the height of the header – how can I make the fixed header height 80px and the logo height 70 px?

  Cheers!

  #200749 Copied
  

  Rose Tyler

  Support staff

  October 9, 2018 at 12:27

  Please add this code in Theme Options > Custom css > Custom css for desktop:

  .fixed-header .header-logo img.logo-fixed {
      max-height: 70px;
  }
  .fixed-header > .container {
      padding-top: 5px;
      padding-bottom: 5px;
  }

  Regards

  #200756 Copied
• Viewing 4 results - 1 through 4 (of 4 total)