Editing the header

Shapely
1

Hello,

the site I’m trying to modify is www.merilattu.fi. I would like to do four things to the header on the site:

  1. Make it transparent
  2. Remove the site title, search icon and the “add a menu” option
  3. Add a logo in the upper left corner
  4. Remove “sticky header” option so the header doesn’t move along with the scrolling

Is this possible and what kind of CSS should I use to achieve this?

I currently have the header hidden since the site is already live and in use, please tell me if I need to unhide it.

Thank you in advance.

Kind regards,
Antti Heikkilä

2

Hello there,

I hope you are doing well today.

I checked the site but the header is not there, please unhide it.

Best Regards,
Support

3

Hello,

it is unhidden now.

Best,
Antti

4

Hello there,

The transparent background will display the page color and you can add the logo via Appearance > Customize > Theme Options > Site Identity and upload the image.

Try this CSS code:


/*Transparent bg*/
nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: transparent;
}

/*Remove search icon*/
i.fa.fa-search {
    display: none;
}

Best Regards,
Support

5

Hello,

If you go and look at the page now, you will see that the logo is now there but the header only turns transparent when scrolling and in the beginning it is white. What I would like it to do is display the logo on top of the image at the top left corner and then disappear when one starts scrolling down the page. Is this possible to do? So a simple transparent header on the image with nothing but the logo.

I would also like to remove the “add a menu” -option and the thin black line under the transparent header.

Best,

Antti

6

Hello there,

having the header work in that way would require it to be reworked, so you would need to enlist the aid of a third party developer, one of which you can find here:
https://colorlib.com/out/envatostudio

The add a menu option will only appear for you if you are logged into the WordPress admin panel, since that is the place where a menu would go.

Best Regards,
Support