3 Line Hamburger Partially Cut Off


This is my first post, so hopefully I am explaining my issue correctly. I am using the Rocked Pro Theme, with the Nav Menu centered (logo on top, page links below). It works fine in full size display, but when you view it in the Tablet and smart phone HORIZONTAL position, the 3 line hamburger icon is partially cut off by the slide below. The smart phone VERTICAL position is fine, just cuts off in tablet and horizontal position. It appears that what needs to be done is the hamburger icon needs to move towards the top 10-20 pixels. Obviously if I can get the custom CSS for it, I can play with the number until it looks good. I don’t have a link to post as the site is only at the beginning and prefer not to display anything yet.




It’s a theme issue, I have already reported it. Thank you for pointing it out. You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

.menu-centered .btn-menu {
    float: none;
    margin: 0 auto 10px;
    height: 30px;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


Hi Roman. Perfect!!! Problem solved, nice job!



Great! You are welcome Ron :slight_smile:

Kind Regards, Roman.