Third navigation level for Split theme


(Frank Schuppe) #1

Hello,
I am designing a page based on the split theme.
But I need more navigation levels as you can see in the picture.
Target is to have the labels Simba, Nala, Lisha in one row and if I select for example Simba
the subpages navigation will be visible.
Alternative maybe there is a possibility to add a sidebar menu with the third level content.

Appreciate for your help


(Michael Frankland) #2

Sorry @FrankS63 Split only has two-level navigation at this time :blush:
Maybe in the future!


(Frank Schuppe) #3

Thanks for your answer.

Regards
Frank


(Olaf Gerbig) #4

I had exactly the same problem.
The workaround for me was to use grids, having the first grid limited to 20-25% of the width.
In this area I put “buttons” which I linked to the third level pages.
Done

Just make sure you have deselected the “show in navigation” option in the Inspector for all pages in Level 3.

Not the best way, but it is a working solution.

Best regards Olaf


(Frank Schuppe) #5

Hello Olaf,

thank you for the idea.

Regards
Frank


(Jenny Petridis) #6

Hi there, I have only two levels for the navigation…but when one clicks on the second navigations, the first ones disappear and can’t ‘go back’ and click on them.
The only way to ‘go back’ is to use the arrow on the Safari search bar…

Does anyone know if I"m doing something wrong here?
See website: www.terapia-bowen.com
or
www.terapia-bowen.com/en

Also, I used to work with Rapid Ideas Konzern Theme, and Richard Christoph had all these great multilingual snippets…which I left… Seems to half work.

Any thoughts?
Thank you !! This forum has helped me tremendously over the years, but been about 7 since I’ve been on again.
Hope you can help.

Jenny


(Michael Frankland) #7

@jennyp I see!

I went to this page and could use the navigation:
http://www.terapia-bowen.com/yoga/

If this page:
http://www.terapia-bowen.com/bowen/testimonials/

It won’t work as Split is only possible for 2 levels deep.
For 3 levels deep it would be best to add a link maybe above “what people are saying…” and say “back” or something?

Something like:

<a href="javascript: history.go(-1)">Back</a>


(Jenny Petridis) #8

Thank you Michael!
I thought my site was already a 2 navigation level site, but seems I counted wrong. :slight_smile:
You’re a genius. Thanks for the code.
That’s the perfect solution.

May I ask one more thing? Any tips on getting creative with code to make the ‘back’ text a different colour, or within a nice neat border/button?

Is there some Code manual that has all the code I need to do such tiny tweaks?

Thanks again for fast reply!

~ Jenny


(Michael Frankland) #9

If you use a buttons stack (such as the one in Stacks) and in the URL add:

javascript: history.go(-1)

Then style the button as you wish with the Stack settings would be the easiest way :slight_smile:


(Jenny Petridis) #10

Thank you Michael!

Works great and looks good too.
See: http://www.terapia-bowen.com/terapia/media/

:smiley:


(Jenny Petridis) #11

Michael,

I actually had another question, and already sent to hello@yuzoolthemes. Hope that’s ok.
I can post here too.

Thanks for your help.
:slight_smile:


(Michael Frankland) #12

Fantastic work @jennyp!

Posting here is usually a good idea as other people may have the same question and can learn from any results we share :slight_smile:


(Jenny Petridis) #13

Great. here it goes:
Topic: SPLIT THEME - MOBILE FRIENDLY - tweaking top navigation bar…

I’m loving Split theme, it’s clean and simple, though, I was using Rapid ideas ‘Konzern Theme’ for years, because of the multi language functions, (but Konzern is not mobile friendly).

Split Theme is great. The thing is that, I’ve kept all the previous Konzern Theme’s language snippets and the layout with different languages pages (I created all pages/sub pages in English, and then copied and created the same for Spanish and Portuguese).

It seems to work OK…even without deleting the Konzern’s javascript code for the language snippets.

My enquiry/question is this:
When my site is on a mobile, not all the top navigation ‘language titles’ come up.
On a desktop, you see the top navigation as: English, Spanish, Portuguese and Catalan.
On a mobile, on the home page, you only see the last language from the top nav bar, in this case being ‘Español’.

How can I make it so ALL

the top navigation names come up in Mobile friendly sites?
Can you help?

Thanks in advance!!
Here’s my website:
www.terapia-bowen.com

Here’s a screen shot of what it looks like in Edit mode, showing the nav levels and javascript too:


(Michael Frankland) #14

@jennyp - Did you add some Custom CSS - seems the navigation is being pushed down. If I remove it the menu appears correctly on mobile:

That said the responsive image hamburger for the dropdown is white - so you’ll need a background header colour other than white.

See the demo example:
http://demo.yuzoolthemes.com/split/

(doesn’t need to be pink but anything other than just plain white!)