SOLVED --- Anchor Link / sticky header / hidden content

ironwiller · June 2018

Hi there.

I'm facing an issue that as it seems it has troubled many (check here) and also i had some similar issue before that i ve found a solution (check here) but this was with fixed style (Header&Subheader), and not with "transparent style" header, that i ve been using this time.

Can you please tell me what must i do so i can have the link "line up" where it should and not higher, which it is right now?

the link for the page is this and you can click any of the sub-menu-item of the same menu-item to test what i mean.

***The funny thing about it is that if CLICKED (submenu - anchor link) without being in the specific page it works RIGHT and IT IS lined up.

BUT if ALREADY in the page and CLICKED in any ANCHOR link it doesn't line up right.***

also to inform you that i have done some custom css, which are these:

/*Header*/

/*Menu - sticky*/

.header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description) {color: #b5121b;}

body.minimalist-header:not(.template-slider) #Header {min-height: 165px;}

#Action_bar .contact_details {margin-left: 20px;}

#Action_bar #social-menu {margin-right: 20px;}

and i have ON the sticky menu at Header&SubHeader

Pablo · June 2018

Hi,

Did you turn on a One Page option in Page Options (edit the page)

http://prntscr.com/jrn2x4

Thanks

ironwiller · June 2018

perfect. it works!

can you explain to me how this feature works? what does it make different?

for ex: does it add a js code that says when an anchor link is clicked go the content to the specific px down depending the sticky menu height?

or something like that?

or completely something different?

thanks!!

SOLVED --- Anchor Link / sticky header / hidden content

Comments