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.
Hire Us

Okay
  Public Ticket #3442899
Menu in mobile
Closed

Comments

  • Nutreein started the conversation
    August 23, 2023 at 3:39pm

    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.


    Attached files:  WhatsApp Image 2023-08-23 at 9.03.09 PM.jpeg
      WhatsApp Image 2023-08-23 at 9.03.08 PM.jpeg

  •  7,092
    Oliver replied
    August 24, 2023 at 6:19am

    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
    August 24, 2023 at 7:00pm

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

  •  7,092
    Oliver replied
    August 25, 2023 at 9:29am

    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
    August 27, 2023 at 3:14pm

    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?

    Attached files:  Android.jpeg
      iPhone.jpeg

  •  4,772
    Michael replied
    August 28, 2023 at 8:10am

    Hi, 

    I used these settings:

    6901831974.png


    Attached files:  Screenshot_201.png

  • Nutreein replied
    August 28, 2023 at 11:45am

    Thank you so much for the support

  •  4,772
    Michael replied
    August 28, 2023 at 12:03pm

    You're welcome!

    Have a nice day!