|
#1
Jan 4, 2015, 03:27 AM
|
|
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
Jan 4, 2015, 04:37 AM
|
|
|
|
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
Jan 4, 2015, 04:47 AM
|
|
Okay, here it should come as attached file.
|
#4
Jan 5, 2015, 07:16 AM
|
|
|
|
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
Jan 5, 2015, 09:27 AM
|
|
Didn't work. Maybe I could set a fixed width to avoid the problem?
|
#6
Jan 5, 2015, 10:30 AM
|
|
|
|
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 12:10 PM.
|
#7
Jan 5, 2015, 11:07 AM
|
|
Sent you a pm.
|
#8
Jan 5, 2015, 12:26 PM
|
|
|
|
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 01:33 PM.
|
#9
Jan 6, 2015, 03:25 AM
|
|
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
Jan 6, 2015, 09:55 AM
|
|
|
|
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
Jan 6, 2015, 10:11 AM
|
|
Perfect! Thank you very much!
|
|