[Jacqueline]

Hi Sakin,
I have just added a Gallery submenu and it doesn’t look nice at all, see here: http://cinnamonearth.com
I kind of aligned the submenu boxes with the Gallery in Firefox but it looks very different in Safari. Also, there seems to be an “invisible” border that you can see on the right side.
What code would I need to get the submenu boxes the same size as their menu boxes.
If possible, I think I would actually prefer a horizontal submenu but I did some research yesterday and if I’m not mistaken, that’s not possible with my theme.

I hope you got some advice for me.

Thanks a billion,
Jackie

[Sakin]

@CinnamonEarth: Hello Jackie, I see that you have edited the menu style. Just try to add the following CSS in “Appearance => Theme Options => Custom CSS” box and check in.
#header-menu ul.menu ul{ box-shadow: none; }

[Jacqueline]

@sakin Thank you very much for that, it worked. I still have the issue of the two submenu boxes being smaller than the gallery box right now. They are the same size in Firefox but not Safari. What do I have to do to make the submenus the same size as their parent in all browsers?

[Sakin]

@CinnamonEarth: You need to edit the width of both menu and sub-menu.

/* For Parent Menu */
#header-menu ul.menu a {
    padding: 0;
    text-align: center;
    width: 198px;
}
/* For Sub-Menu */
#header-menu ul.menu ul {
    width: 205px;
}

[Jacqueline]

Thank you so much Sakin, it drove me crazy 😛

[Author]

Posts