Breaking News: Grepper is joining You.com. Read the official announcement!

astra free sticky header

Atisam Akhtar answered on November 1, 2022 Popularity 7/10 Helpfulness 8/10

answer astra free sticky header

related add sticky header astra for free

astra free sticky header

Comment

/*Make Header Sticky*/
.site-header {
    position: fixed;
    top: 0;
    width: 100%;
}

/*Adjust Content Padding*/
.site-content {
    padding-top: 170px;
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 800px) {
    .site-content {
        padding-top: 100px;
    }
	/*Stick the Off-Canvas Navigation Menu - Adjust Top Margin for your Layout*/
		.main-navigation {
				position: fixed;
				margin-top: 0px;
	}
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 650px) {
    .site-content {
        padding-top: 150px;
    }
	/*Stick the Off-Canvas Navigation Menu - Adjust Top Margin for your Layout*/
		.main-navigation {
				position: fixed;
				margin-top: 60px;
	}
}

Popularity 7/10 Helpfulness 8/10 Language whatever

Source: cgscomputer.com

Tags: free header sticky whatever

Link to this answer
Share Copy Link

Contributed on Nov 01 2022

Atisam Akhtar

0 Answers Avg Quality 2/10

Closely Related Answers

add sticky header astra for free

Comment

/* Astra sticky header */
.main-header-bar {
    position: fixed;
    top: 0;
    width: 100%;
}
/* Fix content padding */
.site-content {
    padding-top: 75px;
}
/* Fix content padding in mobile */
@media (max-width: 800px) {
    .site-content {
        padding-top: 175px;
    }
}
/* Fix content padding in mobile */
@media (max-width: 650px) {
    .site-content {
        padding-top: 200px;
    }
}
Code language: CSS (css)

Popularity 5/10 Helpfulness 5/10 Language whatever

Source: wphelp.blog

Tags: header sticky add whatever free

Link to this answer
Share Copy Link

Contributed on Dec 15 2022

Precious Petrel

0 Answers Avg Quality 2/10

astra free sticky header

Contents

More Related Answers

astra free sticky header

Closely Related Answers

add sticky header astra for free

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.