[Hans]

Hi,

I am rebuilding our website and on one page, we planned to make a large article. We want provide it with a table of content.
When I add a table of content on this page, the problem is: using the table of content and after click on the heading, the content doesn’t show up, but seems to vanish behind the featured slider.
Now I want to remove the featured slider from this particular page.
I searched in the support forum hope to do this, but I couldn’t find the solution.
The founded solution I tried was:
.page-id-17 #feature-slider-section {
display: non;
}

Result: none.

Is there a css formula to remove the featured slider from a particular page?

Kind regards

Hans Hagmeijer

[Hans]

The problem is a bit more difficult.
I removed the featured slider in total.
There was no significant difference.
The anchor content still disappears, but now behind the menu and the logo area (above the menu).

Kind regards

Hans Hagmeijer

[tikaram]

@toerfiets: Please post the URL of the page where you would like to remove the featured image.

Regards,
Tikaram

[Hans]

Hi Tikaram,

I did some “research” as far as I can do.
The real problem is -I think- the combination of the anchor link in combination with the sticky menu.
After clicking on the anchor link in the table of content, the content of the anchor link disappears behind the featured slider and te sticky menu.

I tried different solutions, but non of them worked, or I did something wrong.

The page is
https://www.hagmeijer.nl/?page_id=8097

Thank you for a reaction

Kind regards

Hans Hagmeijer

[tikaram]

@toerfiets: I checked your site and the anchor links are working fine on your site. when I clicked on the links the content associated with the links is visible. Please let me know if you are looking for something different.

Regards,
Tikaram

[Hans]

Hi Tikaram,

Now the links are working fine, but them menu is no longer sticky.
If the menu is sticky, the links are not working fine (they hide content behind the menu) and if the links are working fine, the menu is gone after clicking.
And on all other pages the menu disappears during scrolling from time to time.

Kind regards

Hans Hagmeijer

[Hans]

Hi Tikaram,

I looked after it again.
And this is why te links are working: I stalled the plugin Sticky Menu on Scroll.
Now I deactivate this plugin and the problems are as I described before.

I know that I had not to install this plugin sticky menu before I wrote to you, but I made this mistake. Sorry for that.

I also used the plugin catch sticky menu. That plugin worked fine until I wanted to build in anchor links.

So the bottom line is: how is it possible to let the plugin catch sticky menu with anchor links.

Kind regards

Hans Hagmeijer.

[tikaram]

@toerfiets: The problem is due to the space taken by the menu bar. The anchor links are working correctly but the sticky menu covers the area of the contents. The height needs to be adjusted by js and it cannot be done by the help of css. Sorry for the inconvenience caused.

Regards,
Tikaram

[Hans]

Hi Tikaram,

Thank you for the answer.
I also see a solution, I think. That is not tp display the featured slider on that page. Is there a css possibility to do that (not display the featured slider on just one page)

Kind regards

Hans Hagmeijer

[Hans]

Hi Tikaram,

Today I tested the catchthemes sticky menu plugin. In safari, opera and edge, it doesn’t work well. Only a few times -it seems accidentally- it worked.

My question for now is:
Can you please look again to it en advise if there is a workable plugin or how it is otherwise possible to have a table of content of one a webpage that functions well.

Kind regards

Hans Hagmeijer

[tikaram]

@toerfiets: It looks like you have removed the slider form the given page. I will look for some other alternative and let you know soon.

Regards,
Tikaram

[Hans]

Hi Tikaram,

Yesterday I had for a while.Now the slider is on again.

https://www.hagmeijer.nl/?page_id=8097

Kind regards

Hans Hagmeijer

[tikaram]

@toerfiets: Please try adding the following additional css and let me know.

#\30 _Inleiding, #Wijken_en_buurten_of_Postcode_4, #ANBO_ActiZ_Infographic_als_start, #\31 _Demografie {
	margin-top: -180px;
	visibility: hidden;
	height: 180px;
	display: block;
}

Regards,
Tikaram

[Hans]

Hi Tikaram,
Thank you for answering

Result is just the same. Is it possible to send you screenshots. Maybe that will help.

Kind regards

Hans Hagmeijer

[Hans]

Hi Tikaram,

I tried a little customization to your css.
If I use 350 px, the result is that the anchor links are on the right place, but between the content and the links are very big distances.
If this problem could be solved, then all seems ok.

[tikaram]

@toerfiets: Even with 180px the links are working fine at my end and the gap between the contents seems to be minimal. Can you please check it again rather than increasing the height and margin-top. As you increase the height the gap between the contents keeps increasing. Let me know you view on increasing the height.

Regards,
Tikaram

[Author]

Posts