Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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, 02: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, 03:37 AM
juggledad's Avatar
juggledad
 
23,765 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, 03: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, 1112 views)
  #4  
Old Jan 5, 2015, 06:16 AM
juggledad's Avatar
juggledad
 
23,765 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, 08: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, 09:30 AM
juggledad's Avatar
juggledad
 
23,765 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 11:10 AM.
  #7  
Old Jan 5, 2015, 10:07 AM
BertL
 
16 posts · Nov 2012
Sent you a pm.
  #8  
Old Jan 5, 2015, 11:26 AM
juggledad's Avatar
juggledad
 
23,765 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 12:33 PM.
  #9  
Old Jan 6, 2015, 02: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, 08:55 AM
juggledad's Avatar
juggledad
 
23,765 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, 09: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 08:52 AM
I want a full width header, fixed width content and a background image tsheridan Header configuration & styling 5 Jan 29, 2013 02:46 PM
[SOLVED] Full width header with fixed width image and background color WilliamNavidson Header configuration & styling 4 Jun 10, 2011 02:13 AM
Fixed Position Layout with fixed center column? 49Monsters Center area post/pages 1 Nov 3, 2010 02:41 PM
How do I changed the fixed width for my header? rsaelee Header configuration & styling 1 Jun 17, 2010 05:16 AM


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


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