Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #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

    #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

    #269062
    tikaram
    Keymaster

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

    Regards,
    Tikaram

    #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

    #269143
    tikaram
    Keymaster

    @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

    #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

    #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.

    #269401
    tikaram
    Keymaster

    @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

    #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

    #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

    #269807
    tikaram
    Keymaster

    @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

    #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

    #270034
    tikaram
    Keymaster

    @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

    #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

    #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.

    #270298
    tikaram
    Keymaster

    @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

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.