Menu icon Foundation

Designer | Fargo, North Dakota

My Posts








My Comments

Katherine Elsken commented on Katherine Elsken's post over 1 year

I feel silly for not catching that. Thank you so much! 

Katherine Elsken commented on Joshua mccoy's post almost 3 years

I'm wondering how to make off canvas fixed as well. I'm trying to create a menu that's fixed like the one on this wordpress theme: http://wp.metrothemes.me/me-wp/.

I'm quite stumped

Katherine Elsken commented on Katherine Elsken's post over 3 years

After reading that post, this is what solved my problem, but this might not work for everyone.

gem uninstall compass

gem uninstall sass

gem install compass --version "0.12.2"

gem install sass --version "3.2.10"

gem uninstall sass (once at this step pick the newer version of sass to uninstall )

Katherine Elsken commented on Katherine Elsken's post over 3 years

I figured it out! In my case I took out "js/vendor/jquery.js" from the body. Now everything works just fine. I guess your jquery can only come from one source?

Katherine Elsken commented on Katherine Elsken's post over 3 years

I put the function up on the head of my document, but it still doesn't work. Here is the contents of my head section. Keep in mind I'm still kind of a rookie at this...

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <title>Jane Doe/ Photographer-Designer</title>
  <link rel="icon" type="image/png" href="images/sitelogo.png" />
   <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="fonts/style.css"
    <script src="js/vendor/modernizr.js"></script>

     <script type="text/javascript">
            jQuery(document).ready(function() {
                var api=jQuery('.megafolio-container').megafoliopro(
                    {
                        filterChangeAnimation:"fade",   // fade, rotate, scale, rotatescale, pagetop, pagebottom,pagemiddle
                        filterChangeSpeed:800,                  // Speed of Transition
                        filterChangeRotate:99,                  // If you ue scalerotate or rotate you can set the rotation (99 = random !!)
                        filterChangeScale:0.6,                  // Scale Animation Endparameter
                        delay:20,                               // The Time between the Animation of single mega-entry points
                        paddingHorizontal:20,                   // Padding between the mega-entrypoints
                        paddingVertical:20,
                        layoutarray:[10]        // Defines the Layout Types which can be used in the Gallery. 2-9 or "random". You can define more than one, like {5,2,6,4} where the first items will be orderd in layout 5, the next comming items in layout 2, the next comming items in layout 6 etc... You can use also simple {9} then all item ordered in Layout 9 type.

                    });
                // CALL FILTER FUNCTION IF ANY FILTER HAS BEEN CLICKED
                jQuery('.filter').click(function() {    api.megafilter(jQuery(this).data('category'));    });
                // THE FANCYBOX PLUGIN INITALISATION
                jQuery(".fancybox").fancybox();
            });

        </script>

    <!-- commented, remove this line to use IE & iOS favicons -->
    <link rel="shortcut icon" href="images/favicon.ico" />



    <!-- get jQuery from the google apis -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>


    <!-- THE PREVIEW STYLE SHEETS -->
    <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />


    <!-- MEGAFOLIO PRO GALLERY CSS SETTINGS -->
  <link rel="stylesheet" type="text/css" href="megafolio/css/settings.css" media="screen" />


     <!-- MEGAFOLIO PRO GALLERY JS FILES  -->
  <script type="text/javascript" src="megafolio/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="megafolio/js/jquery.themepunch.megafoliopro.js"></script>

    <!-- THE FANYCYBOX ASSETS -->
  <link rel="stylesheet" href="megafolio/fancybox/jquery.fancybox.css?v=2.1.3" type="text/css" media="screen" />
  <script type="text/javascript" src="megafolio/fancybox/jquery.fancybox.pack.js?v=2.1.3"></script>


    <!-- THE GOOGLE FONT LOAD -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>





</head>

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Katherine Elsken's post over 1 year

I feel silly for not catching that. Thank you so much! 

You commented on Joshua mccoy's post almost 3 years

I'm wondering how to make off canvas fixed as well. I'm trying to create a menu that's fixed like the one on this wordpress theme: http://wp.metrothemes.me/me-wp/.

I'm quite stumped

You commented on Katherine Elsken's post over 3 years

After reading that post, this is what solved my problem, but this might not work for everyone.

gem uninstall compass

gem uninstall sass

gem install compass --version "0.12.2"

gem install sass --version "3.2.10"

gem uninstall sass (once at this step pick the newer version of sass to uninstall )

You commented on Katherine Elsken's post over 3 years

I figured it out! In my case I took out "js/vendor/jquery.js" from the body. Now everything works just fine. I guess your jquery can only come from one source?

You commented on Katherine Elsken's post over 3 years

I put the function up on the head of my document, but it still doesn't work. Here is the contents of my head section. Keep in mind I'm still kind of a rookie at this...

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <title>Jane Doe/ Photographer-Designer</title>
  <link rel="icon" type="image/png" href="images/sitelogo.png" />
   <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="fonts/style.css"
    <script src="js/vendor/modernizr.js"></script>

     <script type="text/javascript">
            jQuery(document).ready(function() {
                var api=jQuery('.megafolio-container').megafoliopro(
                    {
                        filterChangeAnimation:"fade",   // fade, rotate, scale, rotatescale, pagetop, pagebottom,pagemiddle
                        filterChangeSpeed:800,                  // Speed of Transition
                        filterChangeRotate:99,                  // If you ue scalerotate or rotate you can set the rotation (99 = random !!)
                        filterChangeScale:0.6,                  // Scale Animation Endparameter
                        delay:20,                               // The Time between the Animation of single mega-entry points
                        paddingHorizontal:20,                   // Padding between the mega-entrypoints
                        paddingVertical:20,
                        layoutarray:[10]        // Defines the Layout Types which can be used in the Gallery. 2-9 or "random". You can define more than one, like {5,2,6,4} where the first items will be orderd in layout 5, the next comming items in layout 2, the next comming items in layout 6 etc... You can use also simple {9} then all item ordered in Layout 9 type.

                    });
                // CALL FILTER FUNCTION IF ANY FILTER HAS BEEN CLICKED
                jQuery('.filter').click(function() {    api.megafilter(jQuery(this).data('category'));    });
                // THE FANCYBOX PLUGIN INITALISATION
                jQuery(".fancybox").fancybox();
            });

        </script>

    <!-- commented, remove this line to use IE & iOS favicons -->
    <link rel="shortcut icon" href="images/favicon.ico" />



    <!-- get jQuery from the google apis -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>


    <!-- THE PREVIEW STYLE SHEETS -->
    <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />


    <!-- MEGAFOLIO PRO GALLERY CSS SETTINGS -->
  <link rel="stylesheet" type="text/css" href="megafolio/css/settings.css" media="screen" />


     <!-- MEGAFOLIO PRO GALLERY JS FILES  -->
  <script type="text/javascript" src="megafolio/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="megafolio/js/jquery.themepunch.megafoliopro.js"></script>

    <!-- THE FANYCYBOX ASSETS -->
  <link rel="stylesheet" href="megafolio/fancybox/jquery.fancybox.css?v=2.1.3" type="text/css" media="screen" />
  <script type="text/javascript" src="megafolio/fancybox/jquery.fancybox.pack.js?v=2.1.3"></script>


    <!-- THE GOOGLE FONT LOAD -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>





</head>

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content