Menu icon Foundation

Developer | brisbane, australia

My Posts

No Content

My Comments

Donn Hill commented on Ryan White's post about 1 year

You've almost got it.
.title {
font-size: map-get( $header-styles, "medium:h4" );
}

Donn Hill commented on Luis's post about 5 years

In
```Javascript
var slider_value2 = $("#whatever1").attr('data-slider');

Should it be 

```Javascript 
var slider_value2 = $("#whatever2").attr('data-slider');

Donn Hill commented on Anton Murygin's post about 5 years

Try this

style="background-color:#333;">
<div class="row">
<div class="columns large-12 small-12 sticky">
<nav class="top-bar" data-topbar="" role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="/">Север Экспресс</a></h1>
</li>
<li class="toggle-topbar menu-icon">
<a href="#"><span>Меню</span>
</a></li>
</ul>

<section class="top-bar-section">
<ul class="right">
<li><a href="/static_pages/about">О компании</a></li>
<li><a href="/static_pages/pricing">Услуги и тарифы</a></li>
<li><a href="/static_pages/documents">Документы</a></li>
<li><a href="/static_pages/collab">Сотрудничество</a></li>
<li><a href="/static_pages/contacts">Контакты</a></li>
<li class="has-form"><a class="button" href="/static_pages/index">Личный кабинет</a></li>
</ul>
</section></nav>
</div>
</div>
</div>

Add the "top-bar" in a "row" then "column" and wrapped in a "div" styled with "#333"

Donn Hill commented on Douglas Christopher's post about 5 years

Ahhh...

Couldn't you just use a child theme of the FoundationPress theme.

Here is a plugin to make the whole process easier

https://wordpress.org/plugins/child-theme-configurator/screenshots/

This allows you to add style.css and a function.php and any other file while still keeping the parent theme intact

Donn Hill commented on Ryan Hellerud's post about 5 years

The column before the table

<div class="large-2 medium-3 small-3 columns">
          <p>Online Registration links:<br>
            <a href="http://apexregistration.emsofl.com ">OFL Apex </a><br>
            <a href="http://apexregistration.ofy.org ">OFY Apex </a><br>
            <a href="http://apexregistration.pathwaysedu.org ">PIE-Illinois</a><br>
            <a href="http://apexregistration-tn.pathwaysedu.org ">PIE-Tennessee</a>


          </p>
        </div>

small-3 needs to change to small-12 and then it all works fine

Donn Hill commented on Haiden Taylor's post about 5 years

I forgot that you need to reset the css for small.

@media only screen and (max-width:40.063em){

  .three-col {
       -moz-column-count: auto;
       -moz-column-gap: normal;
       -webkit-column-count: auto;
       -webkit-column-gap : normal;
  }
  .two-col {
       -moz-column-count: auto;
       -moz-column-gap: normal;
       -webkit-column-count: auto;
       -webkit-column-gap : normal;

  }  
}

Donn Hill commented on Haiden Taylor's post about 5 years

This can be accomplished in css3.

Add all content in a single column and add the three-col or two-col class to the div.

/*
 *  CSS3 Columns
 */
.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap : 20px;
}
.two-col {
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap : 20px;

}

Posts Followed


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Ryan White's post about 1 year

You've almost got it.
.title {
font-size: map-get( $header-styles, "medium:h4" );
}

You commented on Luis's post about 5 years

In
```Javascript
var slider_value2 = $("#whatever1").attr('data-slider');

Should it be 

```Javascript 
var slider_value2 = $("#whatever2").attr('data-slider');

You commented on Anton Murygin's post about 5 years

Try this

style="background-color:#333;">
<div class="row">
<div class="columns large-12 small-12 sticky">
<nav class="top-bar" data-topbar="" role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="/">Север Экспресс</a></h1>
</li>
<li class="toggle-topbar menu-icon">
<a href="#"><span>Меню</span>
</a></li>
</ul>

<section class="top-bar-section">
<ul class="right">
<li><a href="/static_pages/about">О компании</a></li>
<li><a href="/static_pages/pricing">Услуги и тарифы</a></li>
<li><a href="/static_pages/documents">Документы</a></li>
<li><a href="/static_pages/collab">Сотрудничество</a></li>
<li><a href="/static_pages/contacts">Контакты</a></li>
<li class="has-form"><a class="button" href="/static_pages/index">Личный кабинет</a></li>
</ul>
</section></nav>
</div>
</div>
</div>

Add the "top-bar" in a "row" then "column" and wrapped in a "div" styled with "#333"

You commented on Douglas Christopher's post about 5 years

Ahhh...

Couldn't you just use a child theme of the FoundationPress theme.

Here is a plugin to make the whole process easier

https://wordpress.org/plugins/child-theme-configurator/screenshots/

This allows you to add style.css and a function.php and any other file while still keeping the parent theme intact

You commented on Ryan Hellerud's post about 5 years

The column before the table

<div class="large-2 medium-3 small-3 columns">
          <p>Online Registration links:<br>
            <a href="http://apexregistration.emsofl.com ">OFL Apex </a><br>
            <a href="http://apexregistration.ofy.org ">OFY Apex </a><br>
            <a href="http://apexregistration.pathwaysedu.org ">PIE-Illinois</a><br>
            <a href="http://apexregistration-tn.pathwaysedu.org ">PIE-Tennessee</a>


          </p>
        </div>

small-3 needs to change to small-12 and then it all works fine

You commented on Haiden Taylor's post about 5 years

I forgot that you need to reset the css for small.

@media only screen and (max-width:40.063em){

  .three-col {
       -moz-column-count: auto;
       -moz-column-gap: normal;
       -webkit-column-count: auto;
       -webkit-column-gap : normal;
  }
  .two-col {
       -moz-column-count: auto;
       -moz-column-gap: normal;
       -webkit-column-count: auto;
       -webkit-column-gap : normal;

  }  
}

You commented on Haiden Taylor's post about 5 years

This can be accomplished in css3.

Add all content in a single column and add the three-col or two-col class to the div.

/*
 *  CSS3 Columns
 */
.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap : 20px;
}
.two-col {
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap : 20px;

}

Posts Followed

Following

  • No Content

Followers

  • No Content