I am using affinity for my website. Some of my submenu texts are long, and so are not fitting within the design/structure of the drop down submenu in affinity. So i need to increase the width of this submenu frame so that i can have these menu items in there.
Re: Affinity - How to increase the width of submenus
Posted 15 years 2 months ago
While I may not have a solution to this issue, for the moderator (or member) that might, could you please provide a link to your site in this thread, and if applicable, a direct URL to the issue so they can check it out?
If you are on a local install, or prefer not to post a link, you can use FireFox and FireBug, a free debugging tool to inspect your site.
You could also attach ( using Upload attachment below this text field ) a screen shot of the issue you are facing, and if applicable, provide annotations.
Re: Affinity - How to increase the width of submenus
Posted 15 years 2 months ago
I just realized i have posted in the wrong section. I was unable to find the affinity section even after searching for a long time and so i posted here. But after poking around with my account i realized that my One year membership had expired. I have renew it again now.
i will post this thread again in the affinity section. I request moderators to please delete this thread.
Re: Affinity - How to increase the width of submenus
Posted 15 years 1 month ago
I have the same problem with the submenus width in affinity... i took a view of the rokmoomenu.css and can't find the widht in pixels, onli have two "widths" in percents... some like this...
.menutop li li{position:relative;float:none;width:100%;}
i trying this:
.menutop li ul {
float: none;
left: -999em;
position: absolute; width: 300px;
z-index: 500;
}
.menutop li:hover li ul, .menutop li.sfHover li ul, .menutop li li:hover li ul, .menutop li li.sfHover li ul, .menutop li li li:hover li ul, .menutop li li li.sfHover li ul{top:-999em;}
.menutop li li:hover ul, .menutop li li.sfHover ul, .menutop li li li:hover ul, .menutop li li li.sfHover ul, .menutop li li li li:hover ul, .menutop li li li li.sfHover ul { left: 300px;
top: 0;
}