Docs

[charliesa]

First, this is the site URL :http://bc-testsite.com

The animation I did in CSS an it is really mild:

/* Logo Left */
.masthead-stacked .x-brand {
display: inline-block;
float: left;
/* Animation */
width: 213px;
height: 246px;
position: relative;
animation-name: logo-animation;
animation-duration: 4s;
}

@-webkit-keyframes logo-animation {
0% {background-color:#fff; left:—20px; top:0px;}
10% {background-color:#fff; left:61px; top:0px;}
}

———— THIS PART WORKS FINE ——

Now, what I want is to know how to add that logo to the sticky “Uber Menu” (left side) [i can adjust the size but I’d guess about 40%]. I’d think JQuery code, but, IDK what.

[Rue Nel]

Hello There,

Thanks for writing in!

To add a logo in your ubermenu, please check this out: http://sevenspark.com/docs/ubermenu-3/content/images/logo

Hope this helps.

[charliesa]

Well…this wasn’t exactly what I meant, it was better!!! Not only that, it was easier.

So, now the customer is happy. I floated a large logo left, put some text to the right in _brand.php, added a scaled down version of the “animated” logo in the menu that is in the sticky too. I wonder what they’ll think of next???

Anyway, Thank You very much.

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts