Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #2375913
Add text beside hamburger menu
Closed

Comments

  • Veenu started the conversation

    HOw do i add text "Menu" on the left side of hamburger menu. Can i also add few buttons?

  •  7,092
    Oliver replied

    Hi,

    pls. give me link to your site.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Veenu replied

    fast-rack.ca 

  •  7,092
    Oliver replied

    HI!

    pls. use following css:

    #primary-navigation .hamburger-toggle {
        overflow: visible !important;
    }
    #primary-navigation .hamburger-toggle:before {
        content: 'menu';
        font-size: 22px;
        margin-right: 10px;
        text-transform: uppercase;
        font-weight: 600;
        color: #000;
        line-height: 2;
        position: absolute;
        right: 100px;
        top: -8px;
    }

     

    6707465710.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  7,092
    Oliver replied

    About the additional items, sorry without the code changes not possible to add it there also it's not 15 min, I can't make it for you free.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Veenu replied

    Thankyou so much gregor, your code worked. I just need to add a button "Contact us" beside menu, can you please tell me how to do it in this theme. Should be pretty simple for you but it is very hard for me, i have tried every possible way to do it but you might have done it previously.

  •  7,092
    Oliver replied

    Hi,

    You should edit template:

    /wp-content/thegem/thegem/header.php

    to add the button there, before the editing copy this file to the child theme for the safety future updates/

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Veenu replied

    Hi Gregor,

    This code that you wrote for adding MENU beside the hamburger doesn't work on mobile screen. How to not hide it for mobile as well. It works for desktop.

    #primary-navigation .hamburger-toggle {    overflow: visible !important;
    }
    #primary-navigation .hamburger-toggle:before {    content: 'menu';    font-size: 22px;    margin-right: 10px;    text-transform: uppercase;    font-weight: 600;    color: #000;    line-height: 2;    position: absolute;    right: 100px;    top: -8px;
    }


  •  7,092
    Oliver replied

    Hi.

    Code example:

    #site-header #primary-navigation.responsive:before {
        content: 'menu';
        font-size: 20px;
        font-weight: bold;
        top: 18px;
        display: inline-block;
        position: absolute;
        right: 41px;
        color: #000;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver