How do I create a fixed header/menu


Author Message
Derek

Posted: 7/15/2014
Quote message 

Sorry, didn't mention, I am looking to do this in a Wordpress theme.

Derek
 
Derek

Posted: 7/15/2014
Quote message 

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

Posted: 11/24/2014
Quote message 

@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

Posted: 12/19/2014
Quote message 

oh I find it =) so everything is ok now =) thank you
 
Mitty

Posted: 12/19/2014
Quote message 

:( so offset makes big spaces between DIV not some standart offset from top... look pls: http://www.abp-management.cz/
 
jrgweb

Posted: 12/19/2014
Quote message 

@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

Posted: 12/23/2014
Quote message 

@jrgweb

Thank you!
 
Mitty

Posted: 1/11/2015
Quote message 

ADD:
Can I make different template for mobile version?
 
Mitty

Posted: 2/5/2015
Quote message 

@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

Posted: 2/5/2015
Quote message 

Oh, I did not expect to see the whole picture. Sorry
 
Mitty

Posted: 2/5/2015
Quote message 

Thank you, you are my favourite webdesign guy =)
 
Gerald

Posted: 3/6/2018
Quote message 

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