wordpress - Browser resizing and menu bar issue -


http://playoutthegame.com/

whenever browser width decreased maximum, elements of menu bar overlap logo. browser width further decreased, menu bar disappears before reappearing drop-down menu. can menu bar made not overlap site logo during resize? , there way ensure menu bar remains visible, without gap during transition bar menu drop-down menu?

theme enfold. http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990

i've come across enfold number of times.

i tend use css media queries change appropriate combination of padding between menu items, letter-spacing , font-size cn reduce screen width without overlapping. if have lot of items in menu , have less space play with, change mobile menu settings in theme options break @ 989px instead of 768px (in latest version of theme, @ enfold > main menu > menu items mobile).

the css need this:

@media screen , (max-width: 1200px) { .av-main-nav > .menu-item > {     padding: 0 7px; } .av-main-nav > .menu-item > .avia-menu-text {     font-size: 12px;     letter-spacing: -1px; } } @media screen , (max-width: 1000px { ...etc 

not sure why disappears @ stage. need see site reproduce it. site you've posted shopify site.


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -