changing the menu in Theme Rosalie

• 

  youcantellanybody · Member · Apr 9, 2017 at 3:15 pm

  • Copy link
  • Add topic to favorites

  Hey I would like to change the menu in Theme Rosalie and place it directly under my header. Does someone know how this is possible ?

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

• 

  garysixtyeight · Member · Apr 9, 2017 at 3:56 pm

  • Copy link

  Hi there,

  This is a bit tricky, but try adding the css below to your site, then check how it looks – particularly on moblile devices.

  Please note: flexbox css will not work on some old browsers (about 2.3%)

  .site {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
  }
  
  .image-header {
      -webkit-order: -2;
          -ms-flex-order: -2;
              order: -2;
  }
  
  .rosalie-fixed-menu .site-header {
      position: relative;
      padding-top: 0px;
  }

• 

  youcantellanybody · Member · Apr 9, 2017 at 4:15 pm

  • Copy link

  Thank you this worked

• 

  garysixtyeight · Member · Apr 9, 2017 at 4:17 pm

  • Copy link

  You’re welcome :)