Menu icon Foundation

Designer | Kolkata,India

My Posts




My Comments

Swaranan Singha Barman commented on Swaranan Singha Barman's post over 4 years

@sankhabanerjee Thanks for your comment. Have tried that..Not working...I think its having problem with skrollr js...

Swaranan Singha Barman commented on MariaF's post over 4 years

find the code in foundation.css

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #333333;
    overflow: visible; }

it may be in line no 2059..change the value in min-width as you want to set the breakpoint...

Swaranan Singha Barman commented on Swaranan Singha Barman's post over 4 years

Thanks Rafi also Bob For help..Works great..

Swaranan Singha Barman commented on Andrea Rossi's post over 4 years

Could you post the code for the off-canvas menu.

Without icon

<a class="left-off-canvas-toggle" href="#" >Text here</a>

With icon

<a class="left-off-canvas-toggle menu-icon" href="#"><span>Text here</span></a>

Swaranan Singha Barman commented on fabouse's post over 4 years
Swaranan Singha Barman commented on Brett Peary's post over 4 years

You can use grunt for compile..it works with libsass...
here the article for installation of grunt...
http://foundation.zurb.com/forum/posts/11597-how-to-install-grunt-and-libsass-on-windows

Swaranan Singha Barman commented on 's post over 4 years

block grid is alligned to center..but the images in the block grid li is left aligned so some space are in the right side...May it ll solve this..

.block-grid li{
text-align:center;
} 

Swaranan Singha Barman commented on Aadil's post over 4 years

dont overwrite any css...just create another stylesheet , link it to your html..then chnage border-radius or other attributes of search button & search text-input..you can use your custom class for that...

Swaranan Singha Barman commented on Aadil's post over 4 years

<div class="row collapse">
          <div class="large-6 small-6 columns">

          <input type="text" placeholder="Find Stuff">
          </div>
          <div class="large-3 small-3 columns">
            <select>
                <option>1</option>
                <option>1</option>
                <option>1</option>
                <option>1</option>
                <option>1</option>
              </select>
          </div>
          <div class="large-3 small-3 columns">
            <a href="#" class="alert button prefix expand">Search</a>
          </div>
          </div>

now change the css

Swaranan Singha Barman commented on Evan Smith's post over 4 years

find the code in foundation.css

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #333333;
    overflow: visible; }

it may be in line no 2059..change the value in min-width...

or you can custom download foundation from http://foundation.zurb.com/develop/download.html#customizeFoundation

where you find TOP BAR BREAKPOINT in the right side...

Posts Followed

  • 18
    Replies
  • Chat app

    By Victor

    I downloaded the "Chat app" to my phone. In the bottom of the app, you can type your "message" and send it. However, the input box doesn't go up when I am writing a message. Is there any way to fix this problem? V--

    Last Reply by Jeorge 10 months ago







Following

Followers

  • Search box with dropdown on right side

    http://www.istockphoto.com/generic_image_view/129306/129306 its the link of the search box which i want to build. Hello my name is Aadil and i am new in designing field i completely dont know how does framework works so i need your help in designing ,... (continued) Read More

    View More Posts by Aadil

My Posts



My Comments

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

@sankhabanerjee Thanks for your comment. Have tried that..Not working...I think its having problem with skrollr js...

You commented on MariaF's post over 4 years

find the code in foundation.css

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #333333;
    overflow: visible; }

it may be in line no 2059..change the value in min-width as you want to set the breakpoint...

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

Thanks Rafi also Bob For help..Works great..

You commented on Andrea Rossi's post over 4 years

Could you post the code for the off-canvas menu.

Without icon

<a class="left-off-canvas-toggle" href="#" >Text here</a>

With icon

<a class="left-off-canvas-toggle menu-icon" href="#"><span>Text here</span></a>

You commented on fabouse's post over 4 years
You commented on Brett Peary's post over 4 years

You can use grunt for compile..it works with libsass...
here the article for installation of grunt...
http://foundation.zurb.com/forum/posts/11597-how-to-install-grunt-and-libsass-on-windows

You commented on 's post over 4 years

block grid is alligned to center..but the images in the block grid li is left aligned so some space are in the right side...May it ll solve this..

.block-grid li{
text-align:center;
} 

You commented on Aadil's post over 4 years

dont overwrite any css...just create another stylesheet , link it to your html..then chnage border-radius or other attributes of search button & search text-input..you can use your custom class for that...

You commented on Aadil's post over 4 years

<div class="row collapse">
          <div class="large-6 small-6 columns">

          <input type="text" placeholder="Find Stuff">
          </div>
          <div class="large-3 small-3 columns">
            <select>
                <option>1</option>
                <option>1</option>
                <option>1</option>
                <option>1</option>
                <option>1</option>
              </select>
          </div>
          <div class="large-3 small-3 columns">
            <a href="#" class="alert button prefix expand">Search</a>
          </div>
          </div>

now change the css

You commented on Evan Smith's post over 4 years

find the code in foundation.css

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #333333;
    overflow: visible; }

it may be in line no 2059..change the value in min-width...

or you can custom download foundation from http://foundation.zurb.com/develop/download.html#customizeFoundation

where you find TOP BAR BREAKPOINT in the right side...

Posts Followed


Following

Followers

  • Search box with dropdown on right side

    http://www.istockphoto.com/generic_image_view/129306/129306 its the link of the search box which i want to build. Hello my name is Aadil and i am new in designing field i completely dont know how does framework works so i need your help in designing ,... (continued) Read More

    View More Posts by Aadil