Menu icon Foundation

Designer | Anaheim, California, USA

My Posts

  • 1
    Reply
  • Orbit Image height

    By Carolyn Lee

    F6Orbitheight

    I'm using Foundation 6 and using the orbit slider. I've got images in my slider that are 1170 x 400px but the slider for some reason adds about 10px to the height of my images. How can I get the slider to stop adding the extra 10px to the height? It'... (continued)

    Last Reply by Carolyn Lee 5 months ago


  • 1
    Reply
  • Magellan side menu sticky

    By Carolyn Lee

    F6Magellanstickymenu

    I want to use a magellan side menu that is sticky but only make it sticky once it scrolls to the top edge of side menu. Is there a way to have it sit below a top banner, and then once the screen is scrolled to the top of the side menu, it then sticks... (continued)

    Last Reply by Carolyn Lee 6 months ago






  • 2
    Replies
  • F5 Set min-width for entire site?

    By Carolyn Lee

    min-width

    Just wondering how you would set a minimum width for the whole site? I'm having to work with cflayout tabs and accordions that can only be a min-width of 550px or so. So trying to make it as responsive and mobile friendly as possible but thinking at least... (continued)

    Last Reply by Carolyn Lee about 3 years ago





My Comments

Carolyn Lee commented on Nick's post 4 months

Just a note on this in case anyone else can't get this to work and what I finally figured out was for this line in the jquery:
$.ajax("url")
I think you have to load a page within the same domain and also use the full URL path. When I tried a different domain, it wouldn't let me load the page, when I tried a page using just page.html it didn't work either. I had to put in the full path. So https://www.example.com/page.html.
 

Carolyn Lee commented on Carolyn Lee's post 5 months

I figured out why it was adding it now. I had the padding collapsed on that grid-container. Removed that and now it is the right height.

Carolyn Lee commented on Carolyn Lee's post 6 months

Ok, well after much searching I finally found something else that works, just in case anyone else wants to know. https://html-online.com/articles/javascript-stick-html-top-scroll/
So instead of using the Foundation sticky, I'm using this one with magellan. Yay, problem solved.

Carolyn Lee commented on Carolyn Lee's post 9 months

Anyone?

Carolyn Lee commented on Carolyn Lee's post 9 months

I've searched everywhere and studied the css files, but I just cannot figure out how to change only the top bar breakpoint. I know I could probably change the medium breakpoint, but then other things would also change. Is it possible to only change the top bar breakpoint so that it will go to small version at a little bit larger size.
Anyone know?

Carolyn Lee commented on Carolyn Lee's post 9 months

I found the answer to my first question. Using the drilldown menu. Started another post for my other question about breakpoint. https://foundation.zurb.com/forum/posts/60039-change-top-bar-breakpoint-foundation-651-css
 

Carolyn Lee commented on Baz Nezza's post 9 months

How would you change the medium breakpoint using css?

Carolyn Lee commented on Carolyn Lee's post almost 2 years

Ah I figured out a solution. I changed this line:
$('a[href=#]:not([href=#])').click(function() {
to
$('a.jump[href
=#]:not([href=#])').click(function() {
and then added class="jump" to any anchor links I had. That way it doesn't interfere with the accordion .js.

Carolyn Lee commented on Carolyn Lee's post almost 2 years

Ok thanks. I'm starting to work on learning Sass, but not there yet.

Carolyn Lee commented on Carolyn Lee's post about 3 years

I'm only doing the design aspect of the project. All the functionality has already been done in ColdFusion. They have done accordions and tabs with cflayoutarea and cflayout. But they are fixed-widths. I'm not sure if I can make them flexible or not. But if not I figured I could at least make it so that on a mobile it can be viewed in landscape mode hopefully. On a tablet it should fit just fine and of course also on a desktop view it should be fine. Maybe I don't need to worry about setting a min-width. I just didn't want everything else to "fit" on the small screen with the middle section being too wide. It's hard to explain. Guess I'll just have to figure out what to do. 

Posts Followed

  • 2
    Replies
  • F5 Set min-width for entire site?

    By Carolyn Lee

    min-width

    Just wondering how you would set a minimum width for the whole site? I'm having to work with cflayout tabs and accordions that can only be a min-width of 550px or so. So trying to make it as responsive and mobile friendly as possible but thinking at least... (continued)

    Last Reply by Carolyn Lee about 3 years ago




Following

    No Content

Followers

My Posts

My Comments

You commented on Nick's post 4 months

Just a note on this in case anyone else can't get this to work and what I finally figured out was for this line in the jquery:
$.ajax("url")
I think you have to load a page within the same domain and also use the full URL path. When I tried a different domain, it wouldn't let me load the page, when I tried a page using just page.html it didn't work either. I had to put in the full path. So https://www.example.com/page.html.
 

You commented on Carolyn Lee's post 5 months

I figured out why it was adding it now. I had the padding collapsed on that grid-container. Removed that and now it is the right height.

You commented on Carolyn Lee's post 6 months

Ok, well after much searching I finally found something else that works, just in case anyone else wants to know. https://html-online.com/articles/javascript-stick-html-top-scroll/
So instead of using the Foundation sticky, I'm using this one with magellan. Yay, problem solved.

You commented on Carolyn Lee's post 9 months

Anyone?

You commented on Carolyn Lee's post 9 months

I've searched everywhere and studied the css files, but I just cannot figure out how to change only the top bar breakpoint. I know I could probably change the medium breakpoint, but then other things would also change. Is it possible to only change the top bar breakpoint so that it will go to small version at a little bit larger size.
Anyone know?

You commented on Carolyn Lee's post 9 months

I found the answer to my first question. Using the drilldown menu. Started another post for my other question about breakpoint. https://foundation.zurb.com/forum/posts/60039-change-top-bar-breakpoint-foundation-651-css
 

You commented on Baz Nezza's post 9 months

How would you change the medium breakpoint using css?

You commented on Carolyn Lee's post almost 2 years

Ah I figured out a solution. I changed this line:
$('a[href=#]:not([href=#])').click(function() {
to
$('a.jump[href
=#]:not([href=#])').click(function() {
and then added class="jump" to any anchor links I had. That way it doesn't interfere with the accordion .js.

You commented on Carolyn Lee's post almost 2 years

Ok thanks. I'm starting to work on learning Sass, but not there yet.

You commented on Carolyn Lee's post about 3 years

I'm only doing the design aspect of the project. All the functionality has already been done in ColdFusion. They have done accordions and tabs with cflayoutarea and cflayout. But they are fixed-widths. I'm not sure if I can make them flexible or not. But if not I figured I could at least make it so that on a mobile it can be viewed in landscape mode hopefully. On a tablet it should fit just fine and of course also on a desktop view it should be fine. Maybe I don't need to worry about setting a min-width. I just didn't want everything else to "fit" on the small screen with the middle section being too wide. It's hard to explain. Guess I'll just have to figure out what to do. 

Posts Followed



Following

  • No Content

Followers

  • No Content