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

add sticky header astra for free

Precious Petrel answered on November 1, 2022 Popularity 5/10 Helpfulness 5/10

answer add sticky header astra for free

related astra free sticky header

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: add free header sticky whatever

Link to this answer
Share Copy Link

Contributed on Dec 15 2022

Precious Petrel

0 Answers Avg Quality 2/10

Closely Related Answers

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: whatever header sticky free fr

Link to this answer
Share Copy Link

Contributed on Nov 01 2022

Atisam Akhtar

0 Answers Avg Quality 2/10

add sticky header astra for free

Contents

More Related Answers

add sticky header astra for free

Closely Related Answers

astra free sticky header

Grepper

Documentation

Social

Legal

Contact

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