custom header item

[emresenoglu]

hey all - im guessing what im trying to do is fairly simple but after having spent hours on it i'm ready to ask for help :)

im simply trying to add a 'Projects' text/button/clickable link to the top of my website. This should be a link to the projects page, it should be seen as active element (darker color) when on that page. It should also be hidden on the individual project pages however I was able to achieve this by css. It should have the exact same font / size as the site title and the corner menu.

here's the website as it is now: www.senoglu.co

you will notice that i've already achieved the major part of this by adding custom html, but on chrome the font size seems to change between pages, and i can't get the active page styling to work.

the css:

and the html:

happy to pay if you are able to achieve exactly this!

[emresenoglu]

nevermind, silly me i used the wrong hex code :) problem solved!

[arminunruh]

Ah, nice. When you look at the HTML code of a Lay Theme website, you see that anchors typically have certain data attributes. This allows for the smooth transition between pages when you click on this anchor.

You can see the HTML code of your website when you right-click on a link (for example) and then click "Inspect element" in Chrome.

The idea of a page you can find out when you edit the page in WP-Admin.
The ID is part of the URL.

So you could add the correct data-id, data-type, and data-title attributes to your custom anchor, and that will make your website not do a hard reload when you click that anchor.

[emresenoglu]

very helpful, thanks a lot armin. i'm looking forward to seeing what else i can tweak on my page.