- This topic has 5 replies, 2 voices, and was last updated 7 years, 8 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Flat Commerce Pro › Unstick header
Tagged: Sticky header
Hi I have been asked to edit this site http://www.dmdpathfinders.org.uk and make the header vanish when scrolling down, i.e. make it unsticky.
I have tried the following custom CSS but it doesn’t quite work, when resizing to mobile size the menu completely vanishes, any suggestions?
.site-header {
position: absolute; /* Edited */
top: 2px;
}
section.main-content
{
margin-top: 25%;
)
Hello @baker99
To disable the sticky feature, please use below CSS.
For this goto Admin Panel > Appearance > Customize > Additional CSS and paste below CSS.
header#masthead.affix {
position: absolute;
}
Hope this helps.
If you have any problem further, please let us know.
Best Regards!!
That’s brilliant, thank you. My next task is putting a donate button in the header below the navbar, I will create a child theme before trying that though, I assume I’ll need to edit header.php?
Hello @baker99,
The primary menu in the Flat Commerce Pro theme is rendered from the “menus.php” file in Theme directory > inc.
If you are willing to make code changes to add additional functionalities in the theme, please always choose to create and use Child theme and make your modifications from there.
Also, if you are not confident with code handling and / or require professional help with theme customization you can also choose to Hire a professional Customizer for your custom tasks.
Best Regards !!
Thanks again, I will definitely use a child theme and will make a local copy so I can test things offline
Hello @baker99,
If you have any theme related issue, please let us know and we will happily assist you further.
Best Regards!!
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |