Sticky header cutting off sections in debut theme

Store Design
,
1

Hi I added code to create a sticky header on my website, but it constantly seems to be cutting off things like headings and search bars etc. Is there another code I can use instead to ensure this doesn’t happen anymore? This is the debut theme

Here is my website:

https://roundandroundthegarden.com.au/

2

Hi @tahliamotteram

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/theme.scss.css
  3. Add code below to bottom of file
.js-drawer-open-top body #SearchDrawer.drawer--top {
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	margin-top: 50px;
	padding-bottom: 35px;
}
3

Thank you so much this worked. It also seems to be cutting off the heading on each page. Is there a way to fix this? Thank you

4

Hi @tahliamotteram

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/theme.scss.css
  3. Add code below to bottom of file
.mobile-nav-wrapper:not(.js-menu--is-open){
	transform:translateY(-100%)!important;
	-ms-transform: translateY(-100%)!important;
-webkit-transform: translateY(-100%)!important;
}