• 

  JonathanWhite

  Participant

  October 15, 2015 4:57 pm

  I’ve just enabled ‘fixed nav bar’ and the nav bar that follows as I scroll down the page has different formatting to the standard nav bar. I’ve entered some custom CSS for the standard navbar that doesn’t seem to be applied to the fixed nav bar that follows down the page…

  For example:

  .header-logo {
     float: right;
  }
  .tbs {
     float: left;
  }

  Site URL: hidden

  Theme version: 2.5

  WooCommerce version: 2.4.7

  

  Content is visible for topic creator and
  support staff only.

  #94244 copied to clipboard

  Like
  

  Eva Kemp

  Support staff

  October 15, 2015 5:31 pm

  Hello,

  As I see logo is hidden in the header. Please clarify what exactly you want to achieve.

  Regards,
  Eva Kemp.

  #94255 copied to clipboard

  Like
  

  JonathanWhite

  Participant

  October 20, 2015 1:29 pm

  Hi Eva,

  Sorry that my description wasn’t clear enough. I’ve created a screenshot of the two types of header to show how they aren’t the same.

  

  I need the formatting and structure of the ‘Fixed navigation header’ to match that of the ‘Static header’

  Let me know if you need more info.

  #95088 copied to clipboard

  Like
  

  Eva Kemp

  Support staff

  October 20, 2015 1:39 pm

  Hello,

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

  .fixed-header-area .collapse {
      float: left;
      padding-top: 20px;
  }

  Regards,
  Eva Kemp.

  #95097 copied to clipboard

  Like
  

  JonathanWhite

  Participant

  October 20, 2015 1:47 pm

  Thanks Eva, that’s gotten me most of the way there. The ‘Que Vins’ logo doesn’t align to the middle. Previously we changed the alignment of the logo in the fixed header using:

  .header-logo{
  margin-right: 308px;
  }

  Would a similar thing work on the logo ‘Fixed navigation header’? Do you know the element that I would need to edit in CSS?

  #95101 copied to clipboard

  Like
  

  JonathanWhite

  Participant

  October 20, 2015 1:52 pm

  Please disregard and delete this reply regarding changing the wording of ‘Quantity’ in the checkout page. It’s a separate topic and I’ve created a new post for it. I just haven’t figured out how to delete this post…

  #95106 copied to clipboard

  Like
  

  Eva Kemp

  Support staff

  October 20, 2015 1:57 pm

  Hello,

  The post has been deleted.

  Concerning the logo please use this code in Custom CSS for desktop:

  .fixed-header-area .header-logo {
      margin-right: 220px;
  }

  Regards,
  Eva Kemp.

  #95110 copied to clipboard

  Like
  

  JonathanWhite

  Participant

  October 22, 2015 8:52 am

  Thanks Eva, that’s allowed me to modify the alignment of the logo.

  #95542 copied to clipboard

  Like
  

  Eva Kemp

  Support staff

  October 22, 2015 9:06 am

  Hello,

  You’re welcome.

  Regards,
  Eva Kemp.

  #95545 copied to clipboard

  Like
Viewing 9 results
1 through 9 (of 9 total)