[SOLVED] Is there a way to keep the menu to the right & not shifting the bottom when
When the responsive breakpoint of 959px or so wide, the site's menu will automatically be placed underneath the site title/logo.
Is there a way to keep the menu on the right side (ala normal desktop view 960+px)? Any help is sincerely appreciated. Thanks. |
set a 'float: right' on the
HTML Code:
#menu1, |
Juggledad:
I appreciate the prompt response. Adding 'float: right' works, but the menu is still in a separate new row underneath the logo. Weirdly, I'm also getting a 1px line above the menu. What would I need to do to keep the menu within the same row as the logo? Thanks again for the help! |
NM. I figured it out. Thanks again for the help.
|
Is the space needed for the site title, logo, & menu small enough so that they can all fit side-by-side on the same line at narrower widths? Is there a certain width that you want to see the menu collapse under the logo, or do you always want to see the menu to the right until the mobile menu appears?
You can try doing this. If you picked the default CSS grid (Responsive 960px with 0 Margin), then the width of the logo area (a col5 container) should be 400px, and the width of the navigation menu (a col7 container) should be 560px. When you convert to percentages, you get the logo area being about 42% and the navigation menu about 58%. So try adding these CSS rules to the end of your various.css file: Code:
#banner #logo-area { |
All times are GMT -6. The time now is 11:22 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.