Menu icon Foundation

Designer

My Posts

No Content

My Comments

sankhabanerjee commented on Ed Quijano's post over 3 years

Please hare the like link.

sankhabanerjee commented on Nick TC's post over 3 years

HI is happening for the slider, on load the images comes on a row and after that the slider start running but the height of the left panel remain same.

You can place a window.resize function after the page load or run once again the foundation function.

Suggestion: Can you please place the $(document).foundation(); into bottom of your page instead of app.js

$(window).resize() 
OR 
$(document).foundation();

sankhabanerjee commented on Jill Choi's post almost 4 years
sankhabanerjee commented on Dennis Dunleavy's post about 4 years

<div class="row">
    <div class="large-12 columns">
<div class="contain-to-grid">
  <nav class="top-bar" data-topbar="" role="navigation">
     <ul class="title-area">
    <li class="name">
      <h1><a href="#"></a></h1>
    </li>
     <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  </ul>


  <section class="top-bar-section text-center">
    <!-- Right Nav Section -->
   <!-- <ul class="right">
      <li class="active"><a href="#">Right Button Active</a></li>
      <li class="has-dropdown">
        <a href="#">Right Button Dropdown</a>
        <ul class="dropdown">
          <li><a href="#">First link in dropdown</a></li>
          <li class="active"><a href="#">Active link in dropdown</a></li>
        </ul>
      </li>
    </ul>-->

    <!-- Left Nav Section -->
    <ul class="center ">
      <li><a href="#">Home</a></li>
       <li><a href="#">About</a></li>
        <li><a href="#">Portfolio</a></li>
         <li><a href="#">Contact</a></li>
    </ul>
  </section></nav>
</div>
</div>
</div>
----------------------------
in the css folder
----------------------------
.top-bar-section ul li {
  float: none;
  display: inline-block;
}


Thanks,






sankhabanerjee commented on Nutmeg's post about 4 years

Just remove the "row" class from the parent div.

Thanks

sankhabanerjee commented on Dennis's post about 4 years

Check the demo in Foundation tag Intermediate

http://foundation.zurb.com/docs/components/reveal.html

sankhabanerjee commented on Douglas F's post about 4 years

This could be 2 reasons 1. divs are not closing properly or the 2. Clearfix issue. Please share your site url. That we can check your codes.

sankhabanerjee commented on Marcelo B. Alexandre's post about 4 years

do you getting any error on the console? and please check if the foundation.min.js is on the right path.

sankhabanerjee commented on Swaranan Singha Barman's post about 4 years

put in the css
.reveal-modal{ overflow:auto}

Thanks

sankhabanerjee commented on Jan Richter's post over 4 years

Check this code..

<div data-equalizer class="equalizer1 large-4 column">
      <div data-equalizer-watch class="large-6 column">text1</div>
      <div data-equalizer-watch class="large-6 column">text2</div>
    </div>
    <div data-equalizer class="equalizer2 large-4 column">
      <div data-equalizer-watch class="large-6 column">text3</div>
      <div data-equalizer-watch class="large-6 column">text4</div>
    </div>
    <div class="large-4 column">
      <div>
        <div data-equalizer class="equalizer3 ">
          <div data-equalizer-watch class="large-6 column">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</div>
          <div data-equalizer-watch class="large-6 column">text6</div>
        </div>
      </div>
    </div>

Posts Followed




Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Ed Quijano's post over 3 years

Please hare the like link.

You commented on Nick TC's post over 3 years

HI is happening for the slider, on load the images comes on a row and after that the slider start running but the height of the left panel remain same.

You can place a window.resize function after the page load or run once again the foundation function.

Suggestion: Can you please place the $(document).foundation(); into bottom of your page instead of app.js

$(window).resize() 
OR 
$(document).foundation();

You commented on Jill Choi's post almost 4 years
You commented on Dennis Dunleavy's post about 4 years

<div class="row">
    <div class="large-12 columns">
<div class="contain-to-grid">
  <nav class="top-bar" data-topbar="" role="navigation">
     <ul class="title-area">
    <li class="name">
      <h1><a href="#"></a></h1>
    </li>
     <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  </ul>


  <section class="top-bar-section text-center">
    <!-- Right Nav Section -->
   <!-- <ul class="right">
      <li class="active"><a href="#">Right Button Active</a></li>
      <li class="has-dropdown">
        <a href="#">Right Button Dropdown</a>
        <ul class="dropdown">
          <li><a href="#">First link in dropdown</a></li>
          <li class="active"><a href="#">Active link in dropdown</a></li>
        </ul>
      </li>
    </ul>-->

    <!-- Left Nav Section -->
    <ul class="center ">
      <li><a href="#">Home</a></li>
       <li><a href="#">About</a></li>
        <li><a href="#">Portfolio</a></li>
         <li><a href="#">Contact</a></li>
    </ul>
  </section></nav>
</div>
</div>
</div>
----------------------------
in the css folder
----------------------------
.top-bar-section ul li {
  float: none;
  display: inline-block;
}


Thanks,






You commented on Nutmeg's post about 4 years

Just remove the "row" class from the parent div.

Thanks

You commented on Dennis's post about 4 years

Check the demo in Foundation tag Intermediate

http://foundation.zurb.com/docs/components/reveal.html

You commented on Douglas F's post about 4 years

This could be 2 reasons 1. divs are not closing properly or the 2. Clearfix issue. Please share your site url. That we can check your codes.

You commented on Marcelo B. Alexandre's post about 4 years

do you getting any error on the console? and please check if the foundation.min.js is on the right path.

You commented on Swaranan Singha Barman's post about 4 years

put in the css
.reveal-modal{ overflow:auto}

Thanks

You commented on Jan Richter's post over 4 years

Check this code..

<div data-equalizer class="equalizer1 large-4 column">
      <div data-equalizer-watch class="large-6 column">text1</div>
      <div data-equalizer-watch class="large-6 column">text2</div>
    </div>
    <div data-equalizer class="equalizer2 large-4 column">
      <div data-equalizer-watch class="large-6 column">text3</div>
      <div data-equalizer-watch class="large-6 column">text4</div>
    </div>
    <div class="large-4 column">
      <div>
        <div data-equalizer class="equalizer3 ">
          <div data-equalizer-watch class="large-6 column">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</div>
          <div data-equalizer-watch class="large-6 column">text6</div>
        </div>
      </div>
    </div>

Posts Followed

Following

  • No Content

Followers

  • No Content