Okay
  Public Ticket #855897
Burger Menue only
Closed

Comments

  •  1
    Sergej started the conversation
    August 9, 2016 at 3:26pm

    Hi,

    I'm trying to get rid of the menu bar so that only the burger menu / Off canvas menu, the search and the social media icons appear.

    it was possible bevor the newest update 7.5. How can I do this?

    Also my 'Header Hide until Needed' doesn't work although activated. My Header Navigation doesn't dissapear after scrolling.

    Can you help please help me?

    Greets from Austria

    Sergej

    Link to website

  •  8,996
    Tahir replied
    August 12, 2016 at 11:06pm

    Hey ,

    Since your page does not have much content the Header reappears when you reach the end of the page .  The Option is working as intended .

    Best.

    ThemeNectar Support Team 

  •  1
    Sergej replied
    August 16, 2016 at 6:21pm

    Hi,

    can you then please tell me then, how to add text next to the burger icon ? I know that there is already a note on this, but it doesn't work for me. Don't know why. I tried this:

    .slide-out-widget-area-toggle a:hover:after {   
        color: #1EF614;
    }
    .slide-out-widget-area-toggle a:after {
        content: "MENU";
        font-size: 25px !important;
        margin-top: -16px !important;
        position: absolute;
        left: -81px !important;
        color: #FF0098;
         text-decoration: none;
        transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        -webkit-transition: color 0.2s linear;
    }
    header#top nav ul .slide-out-widget-area-toggle {
        margin-left: 100px !important;
    }

    http://www.pixelschickeria.de/PSwordpress/

    In my case It provides the space for the text, but not the text 'menu'.

    Thank you for your help.

    Sergej

  •  8,996
    Tahir replied
    August 17, 2016 at 5:14pm

    Hey Again,
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .ascend #header-outer.transparent[data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] header#top nav ul .slide-out-widget-area-toggle a:after {
    content: "MENU" !important;
    font-size: 25px !important;
    margin-top: -16px !important;
    position: absolute;
    left: -81px !important;
    color: #FF0098;
    text-decoration: none;
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    width: 150px !important;
}

    This might help write up Custom CSS: https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .

    Thanks

    ThemeNectar Support Team