Center Burgen Menu Button on Mobile

Hello,

Could you please advise how can I center the burger menu button that appears when opening the website on mobile?

Thank you.

Best regards,
David.

Hello David,

Can you please provide a link to your website?

Kind Regards, Roman.

Hi Roman,

My website is www.daferconsulting.com

Thank you very much for your support.

Best regards,
David

Hello David,

It looks like this additional CSS code is causing your issue:

@media only screen and (max-width: 767px) {
    header#masthead div.col-md-4.col-sm-8.col-xs-12,
    header#masthead div.col-md-8.col-sm-4.col-xs-12 {
        width: auto;
    }

    header#masthead div.col-md-8.col-sm-4.col-xs-12 {
        float: right;
        padding: 10px 30px;
    }

    header#masthead nav#mainnav-mobi {
        left: -194px;
        width: 250px;
    }
}

Please try to disable it and see if it helps.

Kind Regards, Roman.

Hi Roman,

Thanks for your response, that helps to centre the burger but now the displayed menu occupies the whole screen, anyway I think it looks better now :slight_smile:

BR,
David

You are welcome David! :slight_smile:

Kind Regards, Roman.