"my Account" Placement Change


My website is located at sparkpcb.com. We're currently trying to relocate the “My Account” page to somewhere alongside the yellow “Cart is Empty Page”. We already did the relocation, but as you'll see the color scheme doesn't match. My question is, how can I make it look like the yellow button?


Dear Rajinder Dhiman,

Please use this css code

.ty-dropdown-box.top-my-account .ty-dropdown-box__title{
padding: 9px 11px 9px 8px;
-webkit-box-shadow: 1px 1px 3px -1px #081828;
-moz-box-shadow: 1px 1px 3px -1px #081828;
box-shadow: 1px 1px 3px -1px #081828;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f8dc14;
background-image: -moz-linear-gradient(top,#ffe422,#eed100);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffe422),to(#eed100));
background-image: -webkit-linear-gradient(top,#ffe422,#eed100);
background-image: -o-linear-gradient(top,#ffe422,#eed100);
background-image: linear-gradient(to bottom,#ffe422,#eed100);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe422', endColorstr='#ffedd000', GradientType=0);
.ty-dropdown-box.top-my-account .ty-dropdown-box__title a, .ty-dropdown-box.top-my-account .ty-dropdown-box__title a .ty-icon-down-micro{
color: #2271b2 ;

This code should make My account button similar to Cart is empty button.

Best regards, Alt-team.


Your code worked perfectly. I have another question for you now. If you look at my website again (www.sparkpcb.com), there's no space between the two buttons. How can I modify that?

Also, if you look at the mobile resized version of the responsive theme, the my account button seems to be placed awkwardly right next to the menu bar. How do I fix this?

Thank You!