February 20, 2014 at 2:42 am #91346
I have a test site up on a customised version of Outreach Pro, and all is going well except for a very narrow stray gap showing between the ‘Home’ and the next menu item on rollover when you browse along the navbar.
I am not sure where to find the CSS code to remove this. It seems to be around 2px, and only is an issue between first and second menu items. I did reduce the height of the navbars and the font size from the original code and think I reduced the drop-down bar width. Would that affect it and how can I resolve the small gap? Help gratefully received!http://wpreneur.com/iicss/February 21, 2014 at 10:32 pm #91877
nutsandboltsModeratorPost count: 3137February 22, 2014 at 3:17 am #91891
Thanks and yes, I did manage, very late at night, to get the gap removed. I googled around and discovered that putting margin-right: -4px resolved that. It seems a common problem with the code display: inline-block;
However, I am grappling still to find a solution to the lag on the timing of the rollover in the navbar. When I rollover from left to right along the bar, there’s a huge time delay in the previous menu item button reverting to no hover (blue in my case). I end up with the mouse over hover white showing on around two, sometimes up to three buttons. I need to somehow speed this up so nothing is left lagging. It’s all jerky and erratic and not a smooth rollover transition at all.
Something to do with the webkit code, but I am not sure how to edit it. Any ideas!
Thanks once again for your help.February 22, 2014 at 12:31 pm #91936
nutsandboltsModeratorPost count: 3137February 22, 2014 at 1:43 pm #91947
That’s a relief to know. I am still having problems with Chrome – I am on Windows XP. But perhaps a little less so than before. Firefox all works well. IE is awful but I’ve probably not the latest version installed so will check again when I have. Probably just an XP blip with it then. Thanks for your help. I’ll mark as resolved now.
You must be logged in to reply to this topic.