One Page Scrolling Website

[creatinglake]

Greetings. I would very much like to make my kleo site into a one page scrolling website, where you can keep scrolling to all the website pages without having to click on the menu but where you can click on the menu if you want to

This is a perfect example, https://solidplatform.org/

Do I need certain plugins? Is the kleo template capable of this?

Thanks so much,

[creatinglake]

P.S. I hope that all my menu items will not have to be part of the one page scrolling site. I would like other menu items and sub main menu items to be able to link to distinctly different wab pages in the site too.

I appreciate your help on this. This seems like the last think I’ll need to do to have the site the way I want.

Adam

[creatinglake]

I keep trying to get it working. It seems all I need is to put anchors in the page and link the menu items to those anchors. I don’t know how to create anchors in pages or link the menu items to them. I tried this plugin but I don’t see the anchor symbol showing up in the Kleo text editor.
https://wordpress.org/plugins/easy-smooth-scroll-links/

[creatinglake]

Okay, sorry for the sequence of messages. I have figured out how to insert anchors and how to use the easy smooth plugin but when linking from multiple menu items to multiple anchors on the same page all the menu item pointing to anchors on that page have a blue highlight above it. How can I make it such that the menu item is only highlighted once you are on that portion of the page where the anchor is?

My site as of now: http://mosaic.social/

How I would like the one page navigation to function(menu only highlighted when at that anchor): https://solidplatform.org/

Thanks

[Laura]

Hello, i do not see the blue highlight, did you manage to resolve it?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[creatinglake]

The Blue line is above each menu item. I’d like to make the menu items be totally a different color rather than just the blue line at the top of the menu item but first I have to be able to restrict the effect to the menu item of the anchor I am at. Basically I want to make it look just like https://solidplatform.org/

Thanks

[Laura]

Hello, i see, try adding this to style.css of child theme 🙂

COPY CODE

ul#menu-main-menu-1 a:focus {
    box-shadow: inset 0px 2px 0px 0px #1e73be;
    background: #1e73be;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[creatinglake]

I don’t have the child theme activated. What should I do. Where do I go to add the CSS to the child theme?

[Laura]

Hello, please do activate the child theme because if not, all your changes would be lost in a new update
When the child theme is activated, add your custom css to style.css of the child theme

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts