Wordpress Themes - WP Forum at BFA - How can i prevent my header title area from squishing to the left with wide displays?

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

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

- - How can i prevent my header title area from squishing to the left with wide displays? (http://forum.bytesforall.com/showthread.php?t=18752)

cmcanary

Oct 24, 2012 09:28 AM

How can i prevent my header title area from squishing to the left with wide displays?

Sorry if this is a silly question - this is a whole new world of theme configuring for me. I can't seem to figure out how to control the "responsive" elements. For example, I'd like the full size header to remain large and centered even on wide displays. Also, is it possible to have a widget appear on wide displays but disappear on iphone width? For example I'd prefer my page menu on the left when looking on a computer (probably within a widget) but when the screen is small I'd like a pulldown page menu at the top.

url: http://crownlandgoods.ca

Thanks for everything!

juggledad

Oct 24, 2012 06:12 PM

First you have to explain what you did to set up the header.

cmcanary

Oct 25, 2012 06:56 AM

I took the default header and I replaced the title tag with a simple img tag:

Code:

<img src="/wp-includes/images/crownlandheader960.png">

                        </<?php bfa_if_front_else( 'h1', 'h3' ); ?>>

                        <p id="tagline"><?php bloginfo( 'description' ); ?></p>

cmcanary

Oct 25, 2012 06:59 AM

Oh - I just realized the default template had the header as col5. I changed it to col12 and it stays wide now. Sorry for the trouble on that. I thought it was related to the browser width but it was just trying to figure out how to handle col5 when there was no other element to make up the rest of the grid I guess?

Now what I'd like to understand is:

Can I have a left side widget in normal size but when the screen is smaller the widget disappears and a header menu appears instead?

I'm not sure where the definitions are for what happens at different screen sizes.

Thanks!

juggledad

Oct 25, 2012 01:56 PM

the only way I can think of that might work would involve using a jscript to hide the space based on the width of the window. And no, I have no idea what the jscript would involve.

All times are GMT -6. The time now is 06:51 PM.