[elise83Participant]

Dear All,

Please let me know how can i make my header transparent while scrolling down through the entire page but also remove a white line between header and section 1 exactly like in the this URL : http://sonendo.com/technology. I tried few custom codes while searching in the community but couldn´t fix it. Thanks

Thanks
Al

[elise83Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in! To remove the white line and make the header transparent, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

body.x-navbar-fixed-top-active .x-navbar-wrap,
.site .x-navbar {
    margin-bottom: 0;
    border: none !important;
}

.site .x-navbar {
    transition: background 1s ease;
}

.site .x-navbar.x-navbar-fixed-top {
    background-color: transparent;
}

Hope this helps. Kindly let us know.

[elise83Participant]

For the white line, it disappeared thanks but for the transparency of header still not what i want please check the attached picture. I want my header to be exactly like the one in the URL:
http://sonendo.com/technology. As you can see when you scroll down the header is kind of semi transparent and when it scrolls down to a white background it becomes sort of grey colour as in the picture attached.

[Paul RModerator]

Hi,

To achieve that, you can add this under Custom > CSS in the Customizer.

.x-navbar {
    background-color: #001121;
}

.x-navbar.x-navbar-fixed-top {
    background-color: rgba(0,0,0,0.7);
}

Then add this in Custom > Edit Global Javascript

jQuery(document).ready(function($){
    $(window).scroll(function(){        
      if ( $(this).scrollTop() == 0 ) {
          $('.x-navbar').removeClass('x-navbar-fixed-top');
      } 
    })
});

Hope that helps.

[elise83Participant]

Thank you guys you are really the best support. Another question i would like to change the font and size of my custom headline GBR REVOLUTION on the first page please let me know how to do that.
Cheers

[ThaiModerator]

Hi There,

Please try adding the following CSS:

.page-id-42 h1.h-custom-headline {
    font-family: "Roboto", sans-serif;
}

Hope it helps 🙂

[elise83Participant]

Great. Can you please make my homepage my ¨ethoss¨ page. I didn´t know how to do that. Thanks in advance

[RupokMember]

Hi there,

Do you want to change the homepage to another page? You can do it from Settings > Reading an changing the front page display.

Hope this makes sense.

[elise83Participant]

yes i would like my homepage to be my ethoss page i tried your recommendation but it´s not working can you please do that for me

[Paul RModerator]

Hi,

I can see it is working but you only have 1 post.

Please add more posts with featured image.

Then refer to the link below for more information.

Customizer Ethos Options

Hope that helps.

[elise83Participant]

Hi there, i´m not talikng about ethos stack my website it´s called http://www.ethossfrance.com and i want my homepage to be my Ethoss page if you see my menu you will see that i have 4 sections : Ethoss / research and clinical / academy / contact.
Thanks

[JoaoModerator]

Hi There,

I went to Appereance > Settings > Reading > Changed your home page for a static home page and select Ethoss.

Hope it helps

Joao

[elise83Participant]

Thank you it works great. Now i have another issue. When i edit the page Ethoss ( home page ) with cornerstone it looks good but when you go to the home page directly from google http://www.ethossfrance.com it looks different. The same thing is happening with the section Academy. I don´t know why it´s happening please explain and take care of it. Thank you in advance.

P.S: Please check the attached screenshots to understand what i mean

[elise83Participant]

please check the screenshots for the post above

[Author]

Posts