Menu icon Foundation

My Posts

  • NEW
  • Using Equalizer for Cards

    By Derek Bollig

    Equalizer

    Hey All I have successfully setup equalizer for cards to have all the same size but I am trying to get a area inside the card "available for" which is also always equal between the different card no matter the size of the description in the card. I have ... (continued)



  • 3
    Replies
  • Menu-Icon Divider

    By Derek Bollig

    css

    Hey All   Trying to put together a divider that is between .menu-icon and the main logo. I've tried adding a "border-right" but it doesn't cover the full height of the title-bar. I have attached what I am trying to do in a snip     A... (continued)

    Last Reply by Val Ery almost 3 years ago


My Comments

Derek Bollig commented on Derek Bollig's post almost 3 years

<div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-open="offCanvas"></button>
<div class="logo-wrapper">
<img class="logo" src="img/Logo.svg">
</div>
</div>
.title-bar {
padding: 0;

.menu-icon {

    width: 31px;
}

li {
    padding: .5rem;
    border-right: 1px solid $border-white;
}

}
Here is what my html/scss looks like. How should I be using the li tag in the html? Really appreciate the help
 
Thanks

Posts Followed

No Content

Following

    No Content

Followers

My Posts



My Comments

You commented on Derek Bollig's post almost 3 years

<div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-open="offCanvas"></button>
<div class="logo-wrapper">
<img class="logo" src="img/Logo.svg">
</div>
</div>
.title-bar {
padding: 0;

.menu-icon {

    width: 31px;
}

li {
    padding: .5rem;
    border-right: 1px solid $border-white;
}

}
Here is what my html/scss looks like. How should I be using the li tag in the html? Really appreciate the help
 
Thanks

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content