Derek
|
Sorry, didn't mention, I am looking to do this in a Wordpress theme.
Derek
|
|
Derek
|
Oh, when I looked at the site when I wasn't logged into Wordpress, it looks great! Thank you very much, I really appreciate it. I sure do wish I knew more about that kind of stuff. I have been trying to figure this out for a long time. It would be nice if Artisteer could do this itself as more people probably want to do this. Well I guess I know how to now!
Thanks again, Tom!
Derek
|
|
jrgweb
|
@Mitty
Try something like this:
.art-header {
position: fixed;
z-index: 999 !important;
width: 100%;
background-color: #FFFFFF;
}
.art-layout-wrapper {
margin-top: 120px !important;
}
Make adjustments to the css as needed.
Insert in file/export/options/css options
|
|
Mitty
|
oh I find it =) so everything is ok now =) thank you
|
|
Mitty
|
so offset makes big spaces between DIV not some standart offset from top... look pls: http://www.abp-management.cz/
|
|
jrgweb
|
@Mitty
Just make a few tweaks.
.layout-item-4 {padding-top: 190px;margin-bottom:-150px!important;}
.layout-item-0 {position:fixed;z-index:400;}
.layout-item-10 {margin-top:150px!important;}
|
|
Mitty
|
@jrgweb
Thank you!
|
|
Mitty
|
ADD:
Can I make different template for mobile version?
|
|
Mitty
|
@jrgweb
Hi, I am almost done with one web with which you helped me, but I give menu under the header, no IN to the header and now I dont know, how can I make it fixed under header.
http://www.abp-management.cz/
I used this, but need code for menu:
/* Begin Additional CSS Styles */
.art-layout-wrapper {
margin-top: 150px;
z-index:0!important;
}
.art-header {
position:fixed;
width:100%;
z-index: 999!important;
}
/* End Additional CSS Styles */
Thank you
|
|
Mitty
|
Oh, I did not expect to see the whole picture. Sorry
|
|
Mitty
|
Thank you, you are my favourite webdesign guy =)
|
|
Gerald
|
I have managed to have the header and menu stick. May I please hace assistance with the responsice css code to add.
techtom or anyone else please assist with responsive css code.
added the following at the bottom of style.css
#art-main { background-attachment:fixed; }
.art-sheet {margin-top:250px;}
.art-header {
position:fixed;
z-index: 1000 !important;
height: 250px;
width:100%; }
What should I add at the bottom of style.responsive.css?
Thanks in Advance
|
|