Center Logo on Mobile Sizes

[justcreative]

Hello,

How can I center the logo on mobile sizes only?
http://new.ruffclub.com/

Right now, I can only do it for the whole site and it is left aligned.

Tried this but no avail:

Centered mobile logo

The logo is now flush to the top with no space and pushes the hamburger menu down. How can I fix it so it has padding and the hamburger is in the right spot (very top right) Thanks!

Screenshot 2018-05-31 21.15.10

Any help would be appreciated. Thank you!

[nabeel]

Hi there,

Thank you for reaching out to us. Please add the following code as well:

a#x-btn-navbar {
    position: absolute;
    top: 0;
    right: 0;
}

Let us know how this goes!