wordpress - Browser resizing and menu bar issue -
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
Post a Comment