Okay
  Public Ticket #2324703
Completely remove header on one page
Closed

Comments

  •  1
    Nico78160 started the conversation

    Hey guys,

    I was wondering how could I completely remove the header on a single page? (see the link of the website).

    I'm not talking about the menu (which I want to keep), but the full header with the black background and the "Notre offre conseil" title.

    What I want is the page to start with only the content below.

    Do you know how to do that? I didn't see any option allowing that in the main settings.

    Thanks a lot!

  •  3,022
    Andrew replied

    Hi Nico,

    Edit the page and on page header settings remove the title and subtitle

    6881075247.png


    Hope this helps.

  •  1
    Nico78160 replied

    Thanks Andrew, but when I do that, the texts are gone (makes sense), however the dark background remains :/

    Isn't it possible to remove this background?

    The reason why I want to remove it is because I want to add a shape divider, which is not possible for a page header, as far as I know.

    So, instead, I create a row with a purple background (you can see it in the link), to which I add a shape divider. But I'd like this row to be at the very top of the page, which means removing the page header.

    Do you know how can I do that?

    Thanks!

  •  3,022
    Andrew replied

    Hi Nico,

    Try clearing the background color and if it does not work you allow us to login to your website and see possible solution.

    2947313693.png


    Thanks.

  •  1
    Nico78160 replied

    It works, thanks a lot Andrew! There's just a thing I'd like to fix: I don't know why, but the menu now has a grey background.

    I thought I had disabled this, so I went to the settings to check, and I saw that I had set the header background opacity to 1, and I also cleared the header background color value.

    So I don't really know why I have this background on this page, which I don't have on the homepage.

    Do you know how could I remove this menu's grey background?

    If it can help, I'll give you the access in a private message.

    Thanks Andrew!

  •   Nico78160 replied privately
  •  3,022
    Andrew replied

    Hi Nico,

    Sorry for late response.

    The page no longer exist. I even login and could not find.

    https://agence-hetcetera.com/conseil/

    The header background of not fond page can be changed in Saient > Header navigation > Layout and general styling.

    Thanks.

  •  1
    Nico78160 replied

    Hey Andrew,

    I'm so sorry, I changed the URL and forgot to tell you, here's the new one: https://agence-hetcetera.com/kits-social-media/

    What I want is to keep the logo at the top left corner, as well as the menu at the top right corner, but without the grey background. I would like the background (e.g. the current grey part on the top) to be the same color of the background below (purple in this example), so maybe by changing its color and making it transparent.

    I found some options about that in the settings, but I couldn't make this work.

    Thanks in advance Andrew!

    Best

  •  3,022
    Andrew replied

    Hi Nico,

    The following page does not exist also. Could you create a  test page so that we can check and provide a fix. You will then switch to it after everything is as you like to be.

    https://agence-hetcetera.com/kits-social-media/

    Thanks.

  •  1
    Nico78160 replied

    Hey Andrew, sorry again, I gave you once again an URL... Here's the good one: https://agence-hetcetera.com/packs-com-online/

    I duplicated it and renamed it "Packs com online - TEST FOR ANDREW" (draft mode) in case you want to try some things.

    Thanks a lot!

  •  3,022
    Andrew replied

    Hi Nico,

    Edit the page and enable force transparency on navigation to remove the grey background.

    9979682044.png


    It will looks like shown

    4403629521.png


    Best regards.

  •  1
    Nico78160 replied

    Thank you so much Andrew, that's exactly what I wanted!

    That's weird though, I already tried turning on this option before, but it didn't change anything at the time... probably a cache issue.

    Thanks again!

    Best

  •  3,022
    Andrew replied

    Hi Nico,

    Probably a cache issue. Always test first in browser incognito mode while making changes.

    Thanks.

  •  1
    Nico78160 replied

    Hey Andrew,

    I'm adding an update to this ticket: do you know how to do exactly the same thing, but on portfolio pages?

    Take this one for example: https://agence-hetcetera.com/portfolio/travel-oui-sncf/

    I'd like to hide the header that contains the page title "Travel" (which I still want to keep on the thumbnail on hover, on the homepage), and make the menu background transparent.

    The thing is that, contrary to "regular" pages, I don't see the "Force transparency on navigation" option. Besides, while there is a "Page Header Subtitle" field, which I can leave empty, I don't see any "Page Header Title".

    To remove the header, I tried to add the following CSS, but it didn't work:

    div#full_width_portfolio div#title-wrap {
        display: none !important
    }

    Could you please help me - once again - on that?

    Thanks!

    Best.


  •  3,022
    Andrew replied

    Hi Nico,

    Thanks for keeping in touch.

    To make the change for https://agence-hetcetera.com/portfolio/travel-oui-sncf/ 

    add the following custom css in Salient > General settings > CSS/Script related:

    .postid-5066 .row.project-title {
        display: none !important;
    }
    

    outcome: https://monosnap.com/file/MW48lWzSZ4rhTUp7cMTFOdwx61HTEB

    Hope this helps.

  •  1
    Nico78160 replied

    Hey Andrew,

    Thanks for your reply. It took some time to get applied (even when clearing the browser's cache), but it works, thanks a lot!

    By the way, I saw that you used the post's ID in the CSS code. I have no problem with copying this code for all posts, but since I want to remove the header for all portfolio's items pages, maybe it's easier if there's one single code that can remove all the header (for portfolio's items pages)?

    Do you know if it's possible?

    Finally, to anticipate your reply, do you know if it's possible to force header background's transparency? I saw on your outcome's screenshot that it was still grey. And, just like the page for which I started this ticket, I'd like the header of all portfolio's items pages to be transparent (I didn't see any Force transparency button on portfolio item's settings).

    Thanks Andrew!

    Best

  •  3,022
    Andrew replied

    Hi Nico,

    I've gone ahead and updated the custom css to this one 

    .row.project-title {
        display: none !important;
    }
    div#header-space {
        height: 0px !important;
    }
    

    Could you clear browser cache and reload website to confirm the changes,

    Hope this helps.

  •  1
    Nico78160 replied

    Hey again,

    It's already better, thanks! However there's a kind of dark overlay in place of the header... do you know if we can hide this?

    Best

  •  3,022
    Andrew replied

    Hi Nico,

    I've gone ahead and corrected the dark overlay using this custom css.

    body #header-outer, body[data-header-color="dark"] #header-outer {
        background-color: rgba(0, 0, 0, 0) !important;
    }

    Hope this helps.

  •  1
    Nico78160 replied

    Awesome Andrew thanks a lot! Everything is perfect now!

    Thanks for your precious help.

    Best.