Back to Multipurpose Theme with PAGE BUILDER - Success Support

jleinbaugh
jleinbaugh

please be patient as I'm brand new to OctoberCMS and this could be a really simple question. I purchased the Success theme and am just beginning to wrap my brain around how this all works. (sorry, I come from Concrete5, so I have to relearn). I've figured out how to rearrange pages on the site and adjust the main nav - but I can't figure out how to make the parent page clickable as well as child pages. If there are no nested pages the one link works as expected, but for pages with sub-pages, the main link appears only to open up the sub-pages, not actually link to the parent page. Does this make sense? is there a simple code adjustment, or is this a October thing? in other words, say my menu is HOME / PRODUCTS / CONTACT US - but there are three products under the PRODUCTS page, how do I make PRODUCTS clickable as well? Thanks, again, please be kind to an OctoberCMS infant.

Charis
Charis

Hello Jim!
Success theme is created using bootstrap 4 framework, Bootstrap 4 native menu system has this behavior, or if you want, limitation of no clickable parent links. So this is not a theme limitation but bootstrap 4.

But if you really need this feature there is an easy way to fix it. Just add this code to your themes/ketikidis-octobercms-success/assets/js/main.js

$('.dropdown-toggle').click(function() {
    var location = $(this).attr('href');
    window.location.href = location;
    return false;
});

Last updated

jleinbaugh
jleinbaugh

wow - such a quick response! That little bit of code did exactly what I needed! Like I said, just getting started in OctoberCMS and I'm no programmer! Thank you for your help. Hopefully you won't be hearing from me often!

Charis
Charis

Hey Jim!

Octobercms has a lot of possibilities and with a little patience you will find that your choice was the best. With Octobercms you make stuff faster and easier.
I'm glad your problem was solved! If you experience any other problem with success theme, I'am here for you.

jleinbaugh
jleinbaugh

Well, the code worked great on my mac, but in the responsive environment (phone, tablet) it suppressed the dropdown and immediately went to the parent link, so I ended up having to create a dummy parent as you originally programmed for

1-5 of 5