Change mobile navbar button Stack renew

[petermayerla]

Hey guys,
this is how my mobile navbar button looks like at the moment.
Is this the way it should look like?
I’d like to have it more “standard” like this one

Any hints on that?

[friech]

Hi @petermayerla,

Thank you for writing in, I can’t find that site under your account.

Yes, that is how the mobile menu looks on the standard header (X theme). But there should be 3 white lines inside that colored box.

This (DER SPIEGEL) header can be achieved by using the Pro’s Header Builder, you can’t achieve this on X without customization which falls outside of the support that we can offer.

Cheers!

[petermayerla]

Hi there,
yes that’s what I’m looking for.
So how do I get the three white lines inside the colored box?

[tristup]

Hi petermayerla,

To make the burger menu background you just need to add the following code.
This code will work if it copied as it is and not conflicted with any of your existing style.

.x-btn-navbar
{
    color: #ffffff;
    background: #ff0000; //change the color you want
}
.x-btn-navbar.collapsed
{    
    color: #ffffff;
    background: #ff0000; //change the color you want
}

The code I provided only serve as a guide. If you encounter an issue with the custom code or wish to improve it, you need to check this resource.

If you wish to have a customizable navigation without the use of custom code or learning CSS, you might want to consider upgrading X to Pro https://theme.co/docs/converting-from-x-to-pro

Hope it will work.

Thanks

[petermayerla]

thanks that worked!

[tristup]

Hi petermayerla,

Glad it helps.

Thanks