Upgrading from lite to pro: changes in menu bar

Hi,

I just upgraded from BizWay Lite to BizWay Pro, and it looks as if the menu bar that looked nice in Lite looks worse in Pro. Please have a look at the attached images:



1. The height of the bar is narrower in Pro.
2. The white triangle at the top looks blurry (this is in Lite as well).
3. There is one extra pixel where the menu items are separated where no pixel should be.
4. The submenus have a gap at the top, and the border and shadows are missing!

The sample page http://inkthemes.com/wpthemes/bizwayothers/gallery/ seems to have these problems as well (except 2, which looks better there).

I used the Firefox browser to take these screenshots, but please note that the Lite version of the BizWay theme is not affected (except for point 2).

How can these issues be fixed?

Best regards,
Carsten

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu {
line-height: 42px;
}

It will solve your issue.

 

Hello,
thanks for your quick reply.

Your CSS code fixes issues 1 and 3, but not issues 2 and 4.

What can be done about 2 and 4 please?
And should these fixes not enter an official post-2.0.6 release of the BizWay Pro theme??

 

I just realize that there is a fifth issue that I forgot to highlight in the screenshots and to mention in my first post:

5. In the Lite theme, there is a small >> marker next to the "Service" submenu. The >> marker is missing in the Pro theme.

How can I get the marker back?

 

Hello,

any news about these issues?

I think that I can fix issue 2 myself,
issue 5 is not that important,

but I'd much appreciate some help with issue 4 (gap, border and shadows or submenus).

Best regards,
Carsten

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li ul{
position: absolute;
top: 24px!important;
width: 10em;
padding: 0;
position: absolute;
left: -999em;
width: 200px;
border: 1px solid #c2d0db;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

 

Thanks!
This fixes issue 4 neatly.

Can you also please have a look at the remaining issues 2 (white triangle is blurry) and 5 (missing >> symbol) ?

Will all these changes make it into a new official release (updated version) of the theme?

 

Hello,

Thank you for pointing these issues.
All issues are resolved and you can download updated theme from your members area tomorrow.

Thanks & Regards
Nitesh Raghuwanshi

 

Hello,

I just upgraded to 2.0.8, and indeed it works very well and solves almost all issues, so that I have been able to clean-up and remove almost everything from the "Custom CSS" section that was needed before but now no longer is.

I only had to leave the "Custom CSS" code for issue 4 in (border and shadows for submenu items) as suggested by Gourav above (maybe you intentionally did not overtake this into the official theme update?),
and menu items with submenus still don't have the small >> marker that was in the lite edition of the theme (issue 5), but that's perfectly fine with us, no need for a fix.

In summary, thank you very much for your outstanding help!!

 

Hello,

Another update is released with improved menu styling.
If you want you can update theme again.
Please check preview before updating theme.
http://inkthemes.com/wpthemes/bizwayfashion/


Thanks & Regards
Nitesh Raghuwanshi

 

All perfect now!
Thank you very much!