Creating a shrink-nav... - Page 2

Jun 6th, 2017 at 12:07 PM
User 122279 Photo

Inger
Senior Advisor
14,650 posts
Online Now

I'll look into that, Eric, thanks. I'm building the thingy from scratch again, following Twinstream's idea of moving into one container deeper. It takes some time, and I have bees to look after while the weather is good... ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jun 6th, 2017 at 02:36 PM
User 244626 Photo

Twinstream
Registered User
811 posts

Another suggestion would be to add a class named "larger" to the js-header along with a class named "smaller" which the jscript is adding and removing. Grey out the "smaller" and set css height to large size. With both classes showing set the small css height. You then would need an additional line of jscript to remove the smaller class on load before the other jscript runs.
Bootstrap 5 CSS Grid.
Jun 6th, 2017 at 04:32 PM
User 2706435 Photo

BIll G
Ambassador
444 posts

Have you tried using Foundation's Magellan plugin or Bootstrap's equivalent? The Codepen example seems to work just like Magellan would work, creating an active class with the work around method previously posted in the forums for css that does not go through.

Instead of changing color and such, it would also change other classes (like row classes). However, changing the row class and elements within might require the change of multiple classes, and off the top of my head, I'm not sure if that can be done, or how to do that with Magellan, or a clever manually written class might do the trick
Jun 6th, 2017 at 06:32 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,400 posts
Online Now

Inger wrote:
I'll look into that, Eric, thanks. I'm building the thingy from scratch again, following Twinstream's idea of moving into one container deeper. It takes some time, and I have bees to look after while the weather is good... ;)


check out how Frank did it using out of view it's in the other thread (first one ) it's a doddle tweek it a bit with animation for opacity to make it less jumpy and away you go
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Jun 6th, 2017 at 07:37 PM
User 122279 Photo

Inger
Senior Advisor
14,650 posts
Online Now

Yes, I will - tomorrow. It's late and I have been struggling with this far too long.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jun 6th, 2017 at 09:55 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts
Online Now

I did a few alterations and have it looking good before the lowest break point.
http://ericrohloff.com/coffeecup/inger/basic/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jun 6th, 2017 at 10:29 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts
Online Now

A few more and now it's working pretty good.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jun 6th, 2017 at 10:33 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,400 posts
Online Now

Eric Rohloff wrote:
A few more and now it's working pretty good.


not working here in Bali, once the top bit shrinks there isn't any more scrolling that can be done

use Franks solution with out of view settings,, it just simply works no messing no Js It just works
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Jun 6th, 2017 at 10:40 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,400 posts
Online Now

Eric Rohloff wrote:
A few more and now it's working pretty good.


maybe not working because not enough content to scroll more after it's shrunk,, but you are right looks good
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Jun 7th, 2017 at 07:11 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts
Online Now

Wayan Jaya wrote:
Eric Rohloff wrote:
A few more and now it's working pretty good.


maybe not working because not enough content to scroll more after it's shrunk,, but you are right looks good

There's a media query in there so you need to squeeze your screen size down.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.