Header

Hi @webdy,

Thank you for contacting us. I am happy to help with your queries.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (max-width: 767px) {
  .site-header .col-md-4 {
    text-align: left;
  }
  .site-header .col-md-8 {
    position: relative;
  }
  .site-header .col-md-8 .btn-menu {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -47px;
  }
}

Hope that helps.

Regards,
Kharis

Thank you very much @kharisblank

May I ask you one more question?

https://leaseuropcar.lt/wp-content/uploads/2021/11/Capture-1.jpg

I would like to make the titles and icons white. How can I do that?

Hi @webdy,

Thank you for getting back.

Please raise a new topic for your other query to avoid endles threads in single topic.

You may mark this topic as reoslved if you got the custom CSS code worked.

Regards,
Kharis

Hello @kharisblank

Just realized that the menu button does not work on my main page (mobile). With other pages it is working but the problem is with the main one.

Thank you

Hi @webdy,

As checked with my web browser’s inspector tool, you’re currently having Elementor section located at the most top page, that has top negative margin applied. Seems likely it works best only on desktop screen as it overlays the site’s menu area on mobile.

The solution for that case, you’ll need to eliminate the negative margin from mobile editing option: https://elementor.com/help/mobile-editing/.

Hope that helps.

Regards,
Kharis

Wonderful. Thank you again!

You’re welcome @webdy!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis