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 » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Can a minimum width be used for the header when it's position is fixed?


  #1  
Old Jan 4, 2015, 03:27 AM
BertL
 
16 posts · Nov 2012
I am using a minimum width for the layout, which has worked well. Recently I fixed the the position of the header area (including the horizontal page menu) using CSS command "#header {position:fixed;}". This also works beautifully. However, now the minimum width of the layout does not apply to the header area. When the site is compressed so that there are two lines on the menu, it becomes too high and covers part of the text below. Is it possible to somehow set a minimum width for the header area while it's position is still fixed?
  #2  
Old Jan 4, 2015, 04:37 AM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
could you go to ATO->Export/Import Settings - export your settings and attach them to a response
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 4, 2015, 04:47 AM
BertL
 
16 posts · Nov 2012
Okay, here it should come as attached file.
Attached Files
File Type: txt ata-wwwiustese-20150104.txt (14.6 KB, 292 views)
  #4  
Old Jan 5, 2015, 07:16 AM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ou could add some CSS targeted to that width to increase the padding you set tor the menus and the center area. Here is an example:
HTML Code:
@media all and (max-width: 520px){
    #left {padding-top: 175px !important;}
    #middle {padding-top: 175px !important;}
    #right-inner {padding-top: 175px !important;}
    #right {padding-top: 175px !important;}
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 5, 2015, 09:27 AM
BertL
 
16 posts · Nov 2012
Didn't work. Maybe I could set a fixed width to avoid the problem?
  #6  
Old Jan 5, 2015, 10:30 AM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what's the url, because that CSS worked for me with your settings. Did you put it at the end of the CSS Inserts?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jan 5, 2015 at 12:10 PM.
  #7  
Old Jan 5, 2015, 11:07 AM
BertL
 
16 posts · Nov 2012
Sent you a pm.
  #8  
Old Jan 5, 2015, 12:26 PM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I see the effect taking place, but it only happened when the window width it at 520px. Play with that number till it happens when you want. You might even want two sets of CSS for when the menu gets to three lines.

Or maybe I don't understand your problem at all....
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by lmilesw; Jan 6, 2015 at 01:33 PM.
  #9  
Old Jan 6, 2015, 03:25 AM
BertL
 
16 posts · Nov 2012
I did those modifications, but still no effect on my screen (Google Chrome 39.0.2171.95).

My problem is that when you make the window narrower than the chosen Layout MIN width 1015, the header area (logo, title, tagline, page menu etc) continues to contract, so that two and eventually more lines are needed for the page menu, the tagline and so on. The idea with the minimum with on this site is that it should not be possible to make the header area contract beyond the chosen Layout MIN width thus keeping the menu in one line only (and also keeping the header area from covering the text below).
  #10  
Old Jan 6, 2015, 09:55 AM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Try this in place of what you used.
HTML Code:
div#header {
    position: fixed; 
    width: 99%;
    max-width: 1600px;
    min-width: 1015px;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Jan 6, 2015, 10:11 AM
BertL
 
16 posts · Nov 2012
Perfect! Thank you very much!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] header position: fixed / slider showed on the top of the header Carme Header configuration & styling 4 May 18, 2013 09:52 AM
I want a full width header, fixed width content and a background image tsheridan Header configuration & styling 5 Jan 29, 2013 03:46 PM
[SOLVED] Full width header with fixed width image and background color WilliamNavidson Header configuration & styling 4 Jun 10, 2011 03:13 AM
Fixed Position Layout with fixed center column? 49Monsters Center area post/pages 1 Nov 3, 2010 03:41 PM
How do I changed the fixed width for my header? rsaelee Header configuration & styling 1 Jun 17, 2010 06:16 AM


All times are GMT -6. The time now is 02:37 AM.


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