Editing menu bar on "Swell"

• 

  imveryape · Member · Jan 25, 2017 at 7:22 pm

  • Copy link
  • Add topic to favorites

  Hi Everyone,

  I am wondering how to accomplish two things with my menu bar on Swell.

  1. Is it possible to move the bar to under the video background (without needing to scroll to see it)?

  2. Can the color of the menu bar be changed to opaque?

  Thank you!

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

• 

  thesacredpath · Member · Jan 26, 2017 at 5:58 am

  • Copy link

  Hi there,

  1. Is it possible to move the bar to under the video background (without needing to scroll to see it)?

  See if this is what you are looking for. I’ve limited this to screens/windows 701px and wider as at 700px and narrower the touch device menu activates and this change can cause issues with it.

  @media screen and (min-width: 701px) {
  .site-header .top {
  	position: fixed;
  	bottom: 0;
  }
  }

  2. Can the color of the menu bar be changed to opaque?

  To change the color of the menu/site title header area, you would use the following and edit the color code. From what I can see in the CSS, it is already opaque. I see no lessened opacity or any transparency set on that.

  .site-header .top {
      background-color: #050505;
  }