ColorlibHQ / ColorlibHQ/shapely
Sticky header shortcode not working
Nobody has claimed this yet.
- Dominant language
- PHP
- Stars
- 67
- Forks
- 63
- Avg merge
- 1m
- Merged PRs (30d)
- 1
Description
I've been trying to make the header for the website www.tokyoesque.com freeze in place so that it is still visible and clickable when scrolling down, but the code I have tried has shifted some text on the homepage to an undesirable position. Can anyone help me find a way to get the sticky header to work without messing up the position of other elements of the page?
The code I have tried is as so:
/Sticky header/
header#masthead {
position: fixed;
width: 100%;
z-index: 100;
}
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue names no repository file or test. Reproduce the sticky-header behavior on www.tokyoesque.com and inspect the theme's header and homepage layout; done means the header remains visible and clickable while other homepage elements keep their intended positions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- bootstrap, css, php, wordpress
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100