Remove hamburger menu (display normal menu) on mobile

Hello @rudirudi,

First, kindly go to your Customizer -> Header -> Primary Menu, and then check the option Take Last Item Outside Menu as mentioned in this screenshot – https://cl.ly/127fd74de3b6

After that, please use the following CSS in the Customizer under Additional CSS Tab to remove that hamburger menu:

@media (max-width:768px){
.ast-button-wrap {
    display:none;
}
}

I hope this helps. Let me know how it goes.

Regards,
Sweta

It worked! Thanks for your quick response :):)

Hello @rudirudi,

I’m glad it works out for you. Thanks for letting us know.

If you need any further help. please do let us know.

Regards,
Sweta

Hi Sweta,

Would you also happen to know how to adjust the color of the logo, logo text and logo size? You can see on https://www.getclampy.com that it’s now quite a large shopping bag on mobile…

Thanks!
Roel

Hello @rudirudi,

Please use the following CSS:

@media (max-width:768px){
.ast-cart-menu-wrap .count{
    border-color: #161616;
    color: #0c0b0b;
}
.ast-cart-menu-wrap .count, .ast-cart-menu-wrap .count:after{
    border-color: #100f0f;
    color: #141413
}

.ast-header-break-point .woocommerce-custom-menu-item .ast-cart-menu-wrap{
    font-size:15px;
}
}

I hope this helps. Let me know.

Regards,
Sweta

Hi Sweta,

Spot on! Worked like a charm ??
Thank you so much!

Regards,
Roel

Hi Sweta, do you also know, how to get the site logo centered in the Astra theme?

Hi @rudirudi ,

We have given an option in the header feature to have the logo in the center. Here is the screenshot that would help: https://bit.ly/2LJm67T

You can also set the logo in center for mobile as well. Here is the screenshot: https://bit.ly/34DccgF

Regards,
Deepak

Hi Deepak,

Thank you for your reply. Ive seen thay option, but then the menu is no longer in line with the logo but below.
I would like to keep the menu in line and center the logo.

Regards
Roel

Hi @rudirudi ,

By default, the menu hamburger icon and logo are aligned inline only.

If that is not working for you then please open a support ticket so that we can have a better look at your issue.

Regards,
Deepak