Help. Place a category and social medi fix header menu at the top of my header.

• 

  organicisb · Member · Jul 29, 2015 at 4:43 am

  • Copy link
  • Add topic to favorites

  Hi,
  I picked the canard theme for my website. I struggle with the menu locations. I am happy with the current menu (Home, and who I am?) location.

  However, I am trying to add another menu that could contain categories such as Cosmetic, Life abroad and travels, in line and at the top of the header, and will be a fix header across the website. I would like the category menu to be on the left hand side while having a social media menu on the right hand side, both category and social media arranged in the same line , color and font.

  Could anyone please help with the CSS coding ?

  Thank you.
  Amanda.

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

• 

  organicisb · Member · Jul 29, 2015 at 4:53 am

  • Copy link

  Oups. Problem solved.

• 

  organicisb · Member · Jul 29, 2015 at 6:50 am

  • Copy link

  Correction, problem half solved. I managed to add the menu bar and fill the category into it. However, having a fix header is still a mystery. Could anyone help? Also, if anyone know how I could customize the fix heather color, the default color is black, I would rather have it in transparent.
  Thank you.

• 

  thesacredpath · Member · Jul 30, 2015 at 5:44 pm

  • Copy link

  Hi Amanda, add the following and see what you think. I’ve limited this to 960px and wider screens/windows by using a media query since below that width the touch device menu activates and sometimes there are unintended consequences for doing that.

  @media screen and (min-width: 960px) {
  .site-top {
      position: fixed;
      width: 100%;
  }
  .site-header {
      position: initial;
  }
  }

• 

  organicisb · Member · Aug 11, 2015 at 3:31 am

  • Copy link

  Thank you, it works ;)

• 

  thesacredpath · Member · Aug 11, 2015 at 6:49 pm

  • Copy link

  You are welcome.