ppippi

Awesome; that worked perfectly – thank you so much. I don’t know how I didn’t think of that.

ppip

Thanks, bdanzer29! I added your code but nothing happened so I played around with it and made it so the navbar does not appear in the mobile/ipad versions and so that the menu is visible.

@media screen and (max-width: 1024px) {
    .header-bar {
       display:none;
    }
    span.menu-toggle {
	margin-top:-8px;
	margin-bottom: 27px;
        padding-bottom:15px;
    }
}

Since I’ve resolved this issue, I just wanted to say that I actually installed a plugin that lets you add images to a menu and added everything to the navbar, made it fixed, and aligned them properly. Thank you two for helping me!

@bdanzer29 – Thank you for your reply! This fixes the mobile issue, however, your code centers my logo & description and I was aiming for them to be at the top left corner.

@kaizer01 – Thank you – the site description is just as I wanted it now but using this code still gives me an issue on mobile devices.

Is there any way to fix the mobile view without changing how the header looks now? Thanks!