[ilaos]

Hello.
I’m having a few issues with the header section on mobile.
1. The hamburger icon is very very tiny.
2. My logo seems to be going past the header area on sticky in mobile. It’s also not centered. It’s off to the left.
3. Is there any way to add a button for a call to action?

Thank you.

[serkan]

Hi,
You can use this custom css code for the first question.

.menu-toggle .lines,
.menu-toggle .lines:before,
.menu-toggle .lines:after {
     width: 22px;
     height: 4px;
}

I will forward the second issue to our developer and I will keep you updated.
You can check out this related topic for the call to action feature.
https://elementor.com/blog/call-to-action/
Thanks

[ilaos]

Alright, thank you.

[ilaos]

My mobile header has another slightly odd behavior. As soon as you start scrolling down on your phone, the logo and hamburger menu shift to the left. They start at the middle, then as you scroll, they shift to the left.
Is there a way I can attach a screenshot here? Thank you.

[serkan]

Hi,
When our developer find a solution, I will keep you updated.
Thanks

[ilaos]

Hi. I am still waiting for an update on this.

[serkan]

Hi,
Sorry, our theme developer is busy due to so many updates but he will keep you updated soon.
Thanks for your understanding

[ahmetsali]

Hi, you may try the custom css code below to center your logo on mobile devices;

@media screen and (max-width: 767px) {
    .is-header-small .site-branding {
          left: 50%;
          transform: translateX(-50%);
    }
}

Cheers.

[ilaos]

Looks like it worked, thank you.

[serkan]

You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.

https://themeforest.net/downloads

Thank you for your support.