Okay
  Public Ticket #1850918
Modifying Hamburger Mobile Toggle
Closed

Comments

  • Abbas started the conversation
    January 11, 2019 at 4:21pm

    I would like to make thicker lines hamburger toggle button for the mobile / off-canvas menu.


    I tried this, with no luck: https://themenectar.ticksy.com/ticket/1554821/


    I've also tried to figure out a CSS trick, but I am unsuccessful. 


    Can you please advise how I can make the lines thicker?


    Abbas

  •  3,030
    Andrew replied
    January 11, 2019 at 9:16pm

    Hi,

    Thank you for contacting us.

    Please try the following custom CSS if it still doesn't change you send us temp login details to have a closer look.

    #header-outer .slide-out-widget-area-toggle .lines-button i.lines:after,
#header-outer .slide-out-widget-area-toggle .lines-button i.lines:before,
#header-outer .slide-out-widget-area-toggle .lines-button:after{
    height: 5px !important;
    width: 2.5rem !important;
}
body.mobile #header-outer .slide-out-widget-area-toggle .lines-button i.lines:after{
    top: -6px !important;
}
body.mobile #header-outer .slide-out-widget-area-toggle .lines-button i.lines:before{
    top: 3px !important;
}
body.mobile #header-outer .slide-out-widget-area-toggle .lines-button:after{
    top: 12px !important;
}
#header-outer header#top nav ul .slide-out-widget-area-toggle a{
    width: 34px !important;
}

    Kind Regards

  • Abbas replied
    January 12, 2019 at 3:51pm

    Thanks Andrew. It worked!


    Abbas