BeVideo (original demo): Menu Button misaligned on mobile (sits too low)

tableconnect

Building upon the Bevideo Theme, I noticed now that the menu-icon is not aligned with the logo/top bar on any mobile phone.

I know how to adjust the position in general but I need to know how I can fix position for desktop and mobile independent of each other.

(you might want to consider fixing this in your demo also)

Thank you.

Albert

Hey,

please make a screenshot of what you mean and show it to use because we are not sure what exactly you mean. Also please tell is if it's under each browsers or specific one.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

tableconnect

Sure:

https://www.dropbox.com/s/it2lltpysgt64as/betheme_menuposition.jpg?dl=0

As you can see even on your online demo the alignment is broken. (using a Nexus4 with native Android 5.1)

I know how change the alignment globally (Affecting desktop+mobile at the same time) but I need to be able to adjust the alignment for desktop and mobile independent of each other.

Thanks

Albert

Ok, we see what you mean. So to change menu button position on mobile only, you can use below css:

@media only screen and (max-width: 767px) { 
    .header-overlay .overlay-menu-toggle { top: 25px !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

tableconnect

Thanks - exactly what I needed.

You might want to update your Bevideo Demo too since it looks a little sloppy ;-)

Albert

Ok, we'll for sure

Learn more: Video Tutorials | How To | FAQ Vote on what comes next