Menu icon Foundation

Designer | Tehran , Iran

My Posts



My Comments

shahin commented on Vincent Morel's post over 3 years

I think you need something like this
If you find any better solution please post it here I'm looking for better top-bar transitions and flying on small screens too :)

ul li.has-submenu .dropdown {
        display:block;
        visibility: hidden;
        opacity: 0;
     /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.2s;
    /* Standard syntax */
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
 ul li.has-submenu:hover > .dropdown {
    visibility: visible;
    opacity: 1;
}

shahin commented on Yucel's post over 3 years

I haven't test Apps version yet but I use this method for sites and it's fine
Sorry if I forget mentioning for sites .

shahin commented on Yucel's post over 3 years

just put

 <div class="top-bar-left show-for-large ">
            <a class="logo" href="@Href("~/")"><img src="...." ></a>
for showing your logo on large screens 
---->>>>>>and for medium and small devices
 <div class="title-bar-left">
            <a class="logo" > <img src="...">

shahin commented on shahin's post over 3 years

ps : I compiled the sass version with settings for RTL version

Posts Followed






Following

    No Content

Followers

My Posts



My Comments

You commented on Vincent Morel's post over 3 years

I think you need something like this
If you find any better solution please post it here I'm looking for better top-bar transitions and flying on small screens too :)

ul li.has-submenu .dropdown {
        display:block;
        visibility: hidden;
        opacity: 0;
     /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.2s;
    /* Standard syntax */
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
 ul li.has-submenu:hover > .dropdown {
    visibility: visible;
    opacity: 1;
}

You commented on Yucel's post over 3 years

I haven't test Apps version yet but I use this method for sites and it's fine
Sorry if I forget mentioning for sites .

You commented on Yucel's post over 3 years

just put

 <div class="top-bar-left show-for-large ">
            <a class="logo" href="@Href("~/")"><img src="...." ></a>
for showing your logo on large screens 
---->>>>>>and for medium and small devices
 <div class="title-bar-left">
            <a class="logo" > <img src="...">

You commented on shahin's post over 3 years

ps : I compiled the sass version with settings for RTL version

Posts Followed

Following

  • No Content

Followers

  • No Content