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 »

Layout Width not "fluid"

Old Oct 19, 2012, 05:57 PM
23 posts · Mar 2010
Great theme so far. My problem is that I can't figure out how to get the site to resize on smaller windows (i.e., my netbook screen) without having to use the zoom out button. I'm using the 'Responsive 100%; Margin 0.8' layout. I've attached screenshots of how it looks now vs. how I'd like it to look. The main problems are that the menu breaks into two rows, and the side widget titles do the same.

A separate question is how to get the longer menu items (i.e., Psychological Testing) to wrap the text instead of putting it all on one line.

Thanks as always!
Attached Thumbnails
Click image for larger version

Name:	Wrong layout.jpg
Views:	327
Size:	229.1 KB
ID:	2071  Click image for larger version

Name:	Right layout.jpg
Views:	324
Size:	159.1 KB
ID:	2072  
Old Oct 19, 2012, 06:24 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
Responsive themes won't always resize when changing the window size in certain browsers. Chrome does that better and there are some sites to view sites as they would be viewed on mobile devices.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Oct 20, 2012, 11:54 AM
23 posts · Mar 2010
Maybe this is a different question, maybe not.

Is there a way to get the page menu (menu 1) to distribute the menu items evenly across the width of the screen? If not, is there a "best-case" solution to achieve something similar?

Old Oct 20, 2012, 01:07 PM
108 posts · Mar 2009
You could try doing what I did on the site in the sticky thread at the top of this forum (Montezuma - Showing off). I moved the menubar so that it sits underneath the site title and logo.

That way, you could have your site title and logo side by side with the menubar underneath. It gives it more space to expand/contract.

Also - re your netbook problem. I would try a 960px layout. It won't resize so dramatically on laptops/PCs.

Below is the code I used in header.php. I created a separate div underneath the logo/site title. I had to set the height of the top div, to push the menubar down below the logo.

<div id="banner-bg" class="cf" style="height:150px">
<div id="banner" class="row">
<div id="logo-area" class="col12">

<img style="float:left;" src="/wp-content/uploads/logo.PNG" >
<<?php bfa_if_front_else( 'h1', 'h3' ); ?> id="sitetitle">
<a href="<?php echo home_url(); ?>"><?php bloginfo( 'name' ); ?></a>
</<?php bfa_if_front_else( 'h1', 'h3' ); ?>>
<p id="tagline"><?php bloginfo( 'description' ); ?></p>



<div id="banner-bg" class="cf">
<div id="banner" class="row">

<?php wp_nav_menu( array(
'container' => 'nav',
'container_class' => 'menu-wrapper col12',
'container_id' => 'menu1-wrapper',
'menu_id' => 'menu1',
'menu_class' => 'cf menu',
'theme_location' => 'menu1',
'fallback_cb' => 'bfa_page_menu'
) ); ?>



Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Page menu bar buttons the same flexible width like fluid layout Tigger Page & Category Menu Bars 6 May 14, 2011 01:58 PM
"Magazine" layout or "other", still trying to do this simply... RuBeQK Center area post/pages 6 Jul 28, 2010 02:28 PM
[SOLVED] A Fixed-Width Center Column with Fluid Layout seleniumgirl Center area post/pages 2 Apr 22, 2010 10:13 AM
Is a "fluid" Header image possible? agentc0re Header configuration & styling 3 Feb 3, 2010 03:04 AM

All times are GMT -6. The time now is 01:27 PM.

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