Menu icon Foundation

My Posts






  • 1
    Reply
  • Responsive design issues

    By Richard Smith

    gridlayout

    When I re-size my browser width to a width around 1000px, the sidebar drop off while the main content area expands. 1000px could easily accommodate the sidebar and main content. What CSS settings do I need to adjust in order to accomplish this? EXAMPL... (continued)

    Last Reply by Jeremy Englert almost 6 years ago


My Comments

Richard Smith commented on Richard Smith's post about 4 years

Correction: I'm trying to open an iframe via ajax.

<div class="thumbnail">
  <a href="http://popvideo.userhost.net/2014/10/07/close-call-for-rally-spectators/" data-reveal-id="myModal" data-reveal-ajax="true">
  <img width="480" height="270" src="http://popvideo.userhost.net/wp-content/uploads/sites/12/2015/11/close-call-for-rally-spectators-480x270.jpg" class="attachment-wide_feature wp-post-image" alt="Close-call for rally spectators" /></a>
        <div class="caption">
            <p><span>Close-call for rally spectators</span></p>
        </div>
    </div>

</li><li> 


...

<div id="myModal" class="reveal-modal xlarge" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog" style="top:0;">
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

Richard Smith commented on Richard Smith's post almost 6 years

I figured it out. In one of the examples in the official documentation I saw "data-tooltip='left'" in the HTML and I assumed that was an additional (seemingly redundant) parameter for position. But it seems that attribute requires a unique value....although I don't really understand why the documentation fails to explain this.

Richard Smith commented on Richard Smith's post almost 6 years

sorry, I should have mentioned that I already tried " .top-bar-section .has-dropdown > a:after " without success.

 .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: red;
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }

Richard Smith commented on Andrew Brown's post almost 6 years

Courtney, what does your code do exactly? I need to get rid of the < div > and < ul > tags for my theme and add the appropriate classes for dropdowns.

Posts Followed

No Content

Following

    No Content

Followers

My Posts




My Comments

You commented on Richard Smith's post about 4 years

Correction: I'm trying to open an iframe via ajax.

<div class="thumbnail">
  <a href="http://popvideo.userhost.net/2014/10/07/close-call-for-rally-spectators/" data-reveal-id="myModal" data-reveal-ajax="true">
  <img width="480" height="270" src="http://popvideo.userhost.net/wp-content/uploads/sites/12/2015/11/close-call-for-rally-spectators-480x270.jpg" class="attachment-wide_feature wp-post-image" alt="Close-call for rally spectators" /></a>
        <div class="caption">
            <p><span>Close-call for rally spectators</span></p>
        </div>
    </div>

</li><li> 


...

<div id="myModal" class="reveal-modal xlarge" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog" style="top:0;">
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

You commented on Richard Smith's post almost 6 years

I figured it out. In one of the examples in the official documentation I saw "data-tooltip='left'" in the HTML and I assumed that was an additional (seemingly redundant) parameter for position. But it seems that attribute requires a unique value....although I don't really understand why the documentation fails to explain this.

You commented on Richard Smith's post almost 6 years

sorry, I should have mentioned that I already tried " .top-bar-section .has-dropdown > a:after " without success.

 .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: red;
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }

You commented on Andrew Brown's post almost 6 years

Courtney, what does your code do exactly? I need to get rid of the < div > and < ul > tags for my theme and add the appropriate classes for dropdowns.

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content