Gutenverse – Sticky Header & Title Remove

  • krissuh

    (@krissuh)


    1 year ago

    HI, I need help with Gutenverse. I am new to Gutenverse, but have worked with Avanda and WP editing with no issues.

    I am using the Photography Theme and would like to have the headder stick to the top and also remove the Title header on the other pages.

    I have no issue with WP doing it, but for some reason with Guenverse instaled, the options are not available and I can’t seem to find were to change them.

    Thanks in advance for your help.

Viewing 1 replies (of 1 total)
  • Plugin Support gowinda

    (@gowinda)

    Hi,

    1. Gutenverse does not provide a sticky function, as we are preparing to add it in a future update. But if you are familiar with JavaScript and CSS you can do a simple sticky function by using Custom HTML block from WordPress and custom code it yourself.

    You can use this code if you are not familiar with coding:

    <script>

    window.addEventListener("scroll", function(){

    var header = document.querySelector("header");

    header.classList.toggle("custom-class", window.scrollY > 0);

    })

</script>

<style>

    .custom-class{

        position: sticky; //make the header sticky

        top: 0px; //set how far from the top it sticks

        z-index: 999; //to always stay in front of other element

    }

   </style>

    2. If you mean the post/page title that is displayed on every page. To remove that you need to go to Appearance > Editor > Templates > Pages. Edit the template, select the section that you want to remove, find the three dots and select delete.

    View post on imgur.com
Viewing 1 replies (of 1 total)
  • The topic ‘Gutenverse – Sticky Header & Title Remove’ is closed to new replies.