I have a few issues with the Abundance theme and I was wondering if someone here can kindly give me a hand. You can preview my site here: http://wordpresscreatives.com/sites/ncc-shop/
Issue 1: Navigation
a) On hover of main menu, I do not know how to remove the left hand border which shows up next to the main menu item.
b) Submenu: On mouseover, the text turns red and the background changes to a different color, I do not know how to add a different background color. I tried and it only applied to the submenu item but not to the whole horizontal area the item is in.
Also how do I resize the width of the submenu?
c) How to open the menu using “target=new”? There are a few menu items I wish to open up into a different browser window but I am unsure how to do this.
d) When you mouseover the main menu items quickly and try to access its sub menu items, sometimes the sub menu items disappear and you need to mouseover the parent menu again in order to access them. Is there a way to prevent this?
e) Is there a link somewhere which gives the breakdown structure of the nav? I have edited the menu and submenu css in the custom.css and it looks messy.
Issue 2: font-face
I have set a “font-face” “Daxlight” in the custom css and when I reference it, the font isn’t being applied. It seems to get applied in the Safari browser but NOT Mozilla or IE.
I need to apply this font-face to: menu items, headings and footer.
What am I doing wrong? I have set the “Heading Font” OFF in the Abundance Theme Options.
Issue 3: YouTube videos
I like how the YouTube video plays in a JQuery layer but there is one location I wish to turn this functionality off. Is there a way to do this?
In the header, you see 3 social icons “Facebook, YouTube and Twitter”. However since the YouTube is a link to a channel and NOT a video page, the JQuery layer has issue loading it. How do I fix it? I was thinking of just bringing the user to the YouTube channel page instead of displaying it in the JQuery layer unless there is an easier way of fixing this issue.
In Safari browser, for some strange reason the menu and body of the site is missing 1 pixel to the right. You can see the banner ad is showing.
While IE and Firefox doesn’t have this issue. Any idea to fix this?
I would like to thank you in advance for the help. Great ecommerce theme by the way!