remove featured slider from one special page

This topic has 15 replies, 2 voices, and was last updated 3 years, 10 months ago by tikaram.

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
December 27, 2020 at 9:32 am #268997

Hans
Participant

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

December 27, 2020 at 9:32 am #269004

Hans
Participant

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

December 27, 2020 at 9:34 am #269062

tikaram
Participant

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

Regards,
Tikaram

December 27, 2020 at 10:18 am #269070

Hans
Participant

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

December 28, 2020 at 4:58 am #269143

tikaram
Participant

@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

December 28, 2020 at 7:40 am #269153

Hans
Participant

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

December 28, 2020 at 8:34 am #269157

Hans
Participant

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.

December 31, 2020 at 2:27 am #269401

tikaram
Participant

@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

January 4, 2021 at 4:07 am #269680

Hans
Participant

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

January 4, 2021 at 4:07 am #269704

Hans
Participant

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

January 4, 2021 at 9:33 am #269807

tikaram
Participant

@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

January 5, 2021 at 4:53 am #269909

Hans
Participant

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

January 6, 2021 at 4:26 am #270034
tikaram
Participant
@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
January 6, 2021 at 7:51 am #270053

Hans
Participant

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

January 6, 2021 at 2:28 pm #270073

Hans
Participant

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.

January 8, 2021 at 4:20 am #270298

tikaram
Participant

@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