Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] Is there a way to keep the menu to the right & not shifting the bottom when


  #1  
Old Mar 31, 2015, 04:11 PM
john0678
 
3 posts · Mar 2015
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.
  #2  
Old Mar 31, 2015, 04:56 PM
juggledad's Avatar
juggledad
 
23,649 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
set a 'float: right' on the
HTML Code:
#menu1, 
#menu1-smooth
selectors in the menus_menu1.css33
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Apr 1, 2015, 08:42 AM
john0678
 
3 posts · Mar 2015
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!
  #4  
Old Apr 1, 2015, 05:57 PM
john0678
 
3 posts · Mar 2015
NM. I figured it out. Thanks again for the help.
  #5  
Old Apr 1, 2015, 11:17 PM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
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.
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Embedded object is being resized incorrectly PawelB Montezuma Theme 6 Feb 28, 2013 09:15 AM
Text shifting around after saving d_random Atahualpa 3 Wordpress theme 3 Oct 29, 2012 08:47 PM
[SOLVED] Shifting of Menu Bar Button ChrisPanimation Page & Category Menu Bars 4 Apr 28, 2010 08:15 AM
how to shift the text in menu bar without shifting the entire side bar? collymore Page & Category Menu Bars 10 May 9, 2009 06:29 PM


All times are GMT -6. The time now is 11:09 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.