Wordpress Themes - WP Forum at BFA - [SOLVED] Is there a way to keep the menu to the right & not shifting the bottom when

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Montezuma Theme (http://forum.bytesforall.com/forumdisplay.php?f=53)

- - [SOLVED] Is there a way to keep the menu to the right & not shifting the bottom when (http://forum.bytesforall.com/showthread.php?t=23132)

[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, 

#menu1-smooth

selectors in the menus_menu1.css33

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 {

   width: 42%;

   margin-left: 0;

   float: left;

}

#banner #menu1-wrapper {

   width: 58%;

   display: inline-block;

   float: right;

   position: absolute;

}

@media only screen and (max-width: 767px)

{

  #banner #menu1-wrapper {

    position: relative;

  }

}

So this should override the media queries which set the width of the logo area & navigation menu to 100% when the width goes under 960px. You'll probably need to add some additional CSS to get the styling just right, but this should at least fix the menu to the right.