Page content hidden when stiky header is active

  • Resolved sjakiem

    (@sjakiem)


    5 years, 3 months ago

    Hi wordpress community,

    i am trying to customize the certify theme. I use a custom header code snippet to enable different dimensions than the standard theme logo dimensions. I have also tweaked some color and display settings for different @media sizes. Because the slide-text-bg1 overlaps the content specifically when using a mobile in landscape mode. Not sure if this is the right way to go. I partially editted some css in combination with the customizer additional css settings. Please give me feedback if i should do it differently… I am affraid theme updates will require me to re-apply some of this.

    All in all it works reasonably well i think, but when the stiky header becomes active, the first few lines of a content page are hidden. I searched through most files using the theme editor, but i can’t seem to find how and what to adjust to fix this. Can you please help me with this?

    Thanks & Kind regards,
    Jacques

    • This topic was modified 5 years, 3 months ago by sjakiem.
    • This topic was modified 5 years, 3 months ago by sjakiem.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter sjakiem

    (@sjakiem)

    I continued filling the theme with actual content, added some menu items and noticed that i required the logo to be a bit smaller, so that the menu stayed on top instead of below the logo. Shrinking the logo seemed to have solved my issue ?? Still curious if there was another way to solve it.

    Hi, sjakiem

    Thanks for contacting us!

    To do this, you need to add a little bit of custom CSS and JS code.
    Use Simple Custom CSS and JS plugin. Install and activate this plugin, add new custom js and paste this code. Refer to this screenshot.

    After doing this, Go to Appearance >> Customize >> Additional CSS and add the given below custom CSS code:

    .sticky-content { 
    padding-top:5.5rem; }
@media (max-width: 768px){
.sticky-content {
    padding-top: 10.5rem;
 }}
.stiky-header img {
    display:block !important;
}

    I hope it will work for you.

    Thanks
    Rishabh

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Page content hidden when stiky header is active’ is closed to new replies.