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

tableconnect · May 2015

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 · May 2015

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!

tableconnect · May 2015

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 · May 2015

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; }
}

tableconnect · May 2015

Thanks - exactly what I needed.

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

Albert · May 2015

Ok, we'll for sure

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

Comments