- This topic has 5 replies, 2 voices, and was last updated 7 years, 10 months ago by
.
-
Posts
-
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!!
- You must be logged in to reply to this topic.
