Menu icon Foundation

Designer | Brighton UK

Foundation Noob :s

My Posts



  • 1
    Reply
  • Topbar SASS customization

    By tom

    topbar SASS not woring?

    Hi, I have been trying to style my topbar nav with SASS I am a noob to foundation and SASS and I am struggling to get it to work, I have copied the sass code for the topbar into my scss file and I have begun editing but for some reason none of my edits ar... (continued)

    Last Reply by tom over 5 years ago




My Comments

tom commented on tom's post over 4 years

hi, just to let you know, I am still struggling with this problem, any help would be amazing, I am grateful to the help I have received so far! :)

tom commented on tom's post over 4 years

It was built into the 'jointswp' theme, but i believe it's the TOPBAR.

thanks for your help.

tom commented on tom's post over 4 years

Yes, i see what you mean, I think there must be a parameter somewhere in the foundation javascript or jquery for a kind of 'scroll start' function, but I can't seem to find it :s

I want the 'fixed' topbar to kick in about 100-150px down the page.

tom commented on tom's post over 4 years

Hi, thanks for the reply, I have very basic Js and jQuery skills so i'm not entirely sure how to implement what you have said.

Thanks

tom commented on tom's post over 5 years

thank you for your reply, do you have any suggestions as to php plugins I can use? I've tried a couple but no luck, I'm not very experienced in php, but I think the CSS only route is not going to help me keep the gallery responsive? Thanks

tom commented on tom's post over 5 years

Hi, I am currently using the block grid but my real issue is that my images are displaying as portraits and landscapes and i want them to be square? Any ideas?
thanks

<section id="photos" data-magellan-destination="photos">
    <div class="row">
      <div class="large-12 columns">
        <h3>PHOTOS</h3>
        <h5>Check out the latest and greatest photos of izzy's Daughter here! for more pics check out facebook.</h5>
        <ul class="clearing-thumbs small-block-grid-2  medium-block-grid-3 large-block-grid-4" data-clearing> 

          <li>
            <a class="th th-item" href="img/example-image-1.jpg">
              <img data-caption="hello this is a photo" src="img/example-image-1.jpg">
            </a>
          </li> 
          <li>
            <a class="th th-item" href="img/example-image-2.jpg">
              <img data-caption="caption 2 here..." src="img/example-image-2.jpg">
            </a>
          </li>
          <li>
            <a class="th th-item" href="img/example-image-3.png" >
              <img data-caption="caption 3 here..." src="img/example-image-3.png">
            </a>
          </li>
          <li>
            <a class="th th-item" href="img/example-image-4.jpg" >
              <img data-caption="caption 4 here..." src="img/example-image-4.jpg">
            </a>
          </li>

tom commented on tom's post over 5 years

p.s. on an unrelated note, since messing with the SASS the site doesn't disply right on my mobile (iphone) phone? Any ideas why?

tom commented on tom's post over 5 years

Ah yes! the modernizr wasn't linked correctly. It is working fine now. Thanks soo much :)

tom commented on tom's post over 5 years

Hi, thankyou for your reply, I have since figure this out. I used 'Magellan' and it is superb.

Cheers

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on tom's post over 4 years

hi, just to let you know, I am still struggling with this problem, any help would be amazing, I am grateful to the help I have received so far! :)

You commented on tom's post over 4 years

It was built into the 'jointswp' theme, but i believe it's the TOPBAR.

thanks for your help.

You commented on tom's post over 4 years

Yes, i see what you mean, I think there must be a parameter somewhere in the foundation javascript or jquery for a kind of 'scroll start' function, but I can't seem to find it :s

I want the 'fixed' topbar to kick in about 100-150px down the page.

You commented on tom's post over 4 years

Hi, thanks for the reply, I have very basic Js and jQuery skills so i'm not entirely sure how to implement what you have said.

Thanks

You commented on tom's post over 5 years

thank you for your reply, do you have any suggestions as to php plugins I can use? I've tried a couple but no luck, I'm not very experienced in php, but I think the CSS only route is not going to help me keep the gallery responsive? Thanks

You commented on tom's post over 5 years

Hi, I am currently using the block grid but my real issue is that my images are displaying as portraits and landscapes and i want them to be square? Any ideas?
thanks

<section id="photos" data-magellan-destination="photos">
    <div class="row">
      <div class="large-12 columns">
        <h3>PHOTOS</h3>
        <h5>Check out the latest and greatest photos of izzy's Daughter here! for more pics check out facebook.</h5>
        <ul class="clearing-thumbs small-block-grid-2  medium-block-grid-3 large-block-grid-4" data-clearing> 

          <li>
            <a class="th th-item" href="img/example-image-1.jpg">
              <img data-caption="hello this is a photo" src="img/example-image-1.jpg">
            </a>
          </li> 
          <li>
            <a class="th th-item" href="img/example-image-2.jpg">
              <img data-caption="caption 2 here..." src="img/example-image-2.jpg">
            </a>
          </li>
          <li>
            <a class="th th-item" href="img/example-image-3.png" >
              <img data-caption="caption 3 here..." src="img/example-image-3.png">
            </a>
          </li>
          <li>
            <a class="th th-item" href="img/example-image-4.jpg" >
              <img data-caption="caption 4 here..." src="img/example-image-4.jpg">
            </a>
          </li>

You commented on tom's post over 5 years

p.s. on an unrelated note, since messing with the SASS the site doesn't disply right on my mobile (iphone) phone? Any ideas why?

You commented on tom's post over 5 years

Ah yes! the modernizr wasn't linked correctly. It is working fine now. Thanks soo much :)

You commented on tom's post over 5 years

Hi, thankyou for your reply, I have since figure this out. I used 'Magellan' and it is superb.

Cheers

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content