Menu icon Foundation

My Posts


My Comments

Diana Myers commented on Diana Myers's post over 5 years

Changed them all to 52em and it works now! :)

Diana Myers commented on Ben Viall's post almost 6 years

I'm having the same problem using the Joints WP template for Wordpress on http://206.130.122.55/, but unfortunately the above solution didn't solve the problem for me. The top bar breakpoint won't kick into the mobile version when viewed in portrait on an iPad or Kindle Fire.

It's setup in foundation.css as follows:

line 1436
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em; }

line 1662
@media only screen and (min-width: 40.063em) {
.top-bar {
background: #333333;
*zoom: 1;

line 3876
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em; }

Hoping someone can help me with this issue. Thanks in advance!

Posts Followed

  • 11
    Replies
  • F5 Accordion arrows

    By Shawn Jones

    accordion

    I think past version of the accordion had up and down arrows depending on id the accordion was open or closed. I was going to try to add it, but there is no class that is added to the Thanks! Shawn

    Last Reply by Amir over 4 years ago



Following

    No Content

Followers

My Posts

My Comments

You commented on Diana Myers's post over 5 years

Changed them all to 52em and it works now! :)

You commented on Ben Viall's post almost 6 years

I'm having the same problem using the Joints WP template for Wordpress on http://206.130.122.55/, but unfortunately the above solution didn't solve the problem for me. The top bar breakpoint won't kick into the mobile version when viewed in portrait on an iPad or Kindle Fire.

It's setup in foundation.css as follows:

line 1436
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em; }

line 1662
@media only screen and (min-width: 40.063em) {
.top-bar {
background: #333333;
*zoom: 1;

line 3876
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em; }

Hoping someone can help me with this issue. Thanks in advance!

Posts Followed


Following

  • No Content

Followers

  • No Content