In the design studio, the subtabs overlap as seen in the image below. How can I lower the subtabs a bit so that when a main tab is hovered the subtabs appear below the navigation bar and not on top of it?

Views: 111

Replies to This Discussion

The screenshot is great. Also, leave site link with this type request.

Give this a try:

.xg_theme #xg_navigation ul.xg_subtab {
margin-top:9px!important;
}

Best Regards,

Jen

Sorry I always forget to add links. Thank you very much for your help, that solved the problem.

Cool! Happy to hear this.

=)

i have same prob. kinldy suugest me.

http://vudesk.com i want to fix my TAB in hover . it moves slightly Down

That's a bit of a mess, and hard to find. But I think I did.

Try to find this code. "Comment out" the line in bold, the way I have done it. It will prevent it from being used. But it will retain the code in case this doesn't work:

#xg_navigation ul li a, #xg_navigation ul li.this a, #xg_navigation ul li a:hover {
    background-attachmentscroll;
    background-color#1E1E1F;
    background-image-moz-linear-gradient(center bottom , #E6E1E6 0%, #1E1E1F 80%);
    border-top-left-radius8px !important;
    border-top-right-radius8px !important;
    box-shadow0 0 5px #4C4C4C;
    /* padding5px 1px 3px; */
}

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips