Faq Page Padding Issue

[TuneToyz]

Hello, when I open https://tunetoyz.com/apps/help-center there seems to be a padding issue. The orders part is covered by the header. Is there a way to move it down so that its not covered? Also this is the only page that is experiencing a problem and it looks fine on mobile just on PC

[EBOOST]

Hi @TuneToyz,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Assets/base.css
3. Add code below to end of file

@media(min-width: 750px){
  body:not(.home-page) .section-header.shopify-section-header-sticky .header-wrapper{
    position: sticky!important;
  }
}

[TuneToyz]

hey this doesn't work the header is still covering the order part

[EBOOST]

Hi,

I don't see code. However, I saw something error on base.css file. So you can add code below to end of file Layout/theme.liquid and before </body> tag ( refer screenshot)

<style>
     @media(min-width: 750px){
        body:not(.home-page) .section-header.shopify-section-header-sticky .header-wrapper{
          position: sticky!important;
        }
      }
    </style>

[Made4uo-Ribe · Accepted solution]

Hi @TuneToyz 

Did you add the app anouncement bar recently? Before you add you already have this problem? If yes, you need to contact the app provider so they can fix it. In meanwhile you can check this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

{% unless template.name == 'index' %}
<style>
main#MainContent {
    margin-top: 10vh;
}
</style>
{% endunless %}

• And Save. 
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!