Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #3442899
Menu in mobile
Closed

Comments

  • Nutreein started the conversation

    Hi 

    I want to show the mobile menu Hamburger as a menu button with the text "Menu". I have attached the screenshots of the existing site and the reference image. Please check the screenshots once.

    We want the Nominate button and Menu button side by side for the mobile menu as shown in the second screenshot.


  •  7,280
    Oliver replied

    HI!

    CSS example:

    .thegem-te-menu__hamburger {
        display: flex;
        border: 2px solid #000;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 30px;
    }
    .thegem-te-menu__hamburger:before {
        content: 'menu';
        font-size: 17px;
        color: #000;
        font-family: 'Montserrat';
        text-transform: uppercase;
        line-height: 30px;
        font-weight: 600;
        margin-right: 12px;
    }

     

    3938581396.jpg

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

    Regards, Oliver

  • Nutreein replied

    Thank you so much for your response. Code works and got the output as required.

  •  7,280
    Oliver replied

    You're welcome!

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

    Regards, Oliver

  • Nutreein replied

    Hi,

    For mobile in Android and iPhone, I'm not able to align the logo to the middle. if I adjust for Android, iPhone alignment is missing. Can you please help in this regard?

  •  5,055
    Michael replied

    Hi, 

    I used these settings:

    6901831974.png


  • Nutreein replied

    Thank you so much for the support

  •  5,055
    Michael replied

    You're welcome!

    Have a nice day!