Custom woocommerce menu alignment problems « Support Forum | Kriesi.at

Support Forum » Flashlight

Custom woocommerce menu alignment problems

7 posts from 3 voices

Started 1 year ago by bka835
Latest reply from Ismael
This topic is not resolved

Tags:

bka835
Member

Hi,

I'm having a styling and alignment problems with woocommerce custom menu really need you help here.

1. On ALL PRODUCTS pge my custom menu aligned to the left as oppsed to be centered (see the image)
http://farm8.staticflickr.com/7039/6882248809_0428838d4e_o.png

2. On the Product Description page it shifted all content belowto the right (see the image)
http://farm8.staticflickr.com/7046/6882232535_fbd7248b8e_o.png

3. After adding product to the cart from the product description page, confirmation message box overlaps with top menu (see the image)
http://farm8.staticflickr.com/7054/6882232841_c1569fc560_b.jpg

Please help! Really need this up and running.

Thank you

Posted 1 year ago #
Ismael
Moderator

Hi,

Kindly post a link to your site so that we can give you specific css codes for site.

Best Regards,
Ismael

Posted 1 year ago #
bka835
Member

Hi Ismael,
I'm posting the links per your request.

Problem #1
1. http://www.zoomboxstudio.com/shop/

Problem #2 (click on product details)
2. http://www.zoomboxstudio.com/shop/red-car-hdr/#tab-description

Problem #3 (Add product to the cart)
3. http://www.zoomboxstudio.com/shop/red-car-hdr/?add-to-cart=884&_n=c0b4b06ca6#tab-description

Thanks, and best regards

Posted 1 year ago #
Dude
Dude
Hi!

Try to add following code to css/custom.css:
```
.sub_menu li {
    display: inline;
    float: none;
    text-align: center;
}
```
This fixed all 3 errors when I investigated the website with Firebug.

Regards,
Peter
Posted 1 year ago #
bka835
Member

Thanks Dude,

This did fix the alignment problem, but now when you'll try to click on submenu under the "My Account" menu you are unable to due to the gap in between menu and submenu. It's got shifted down a little, and that's enough for it to desappear when you trying to click on it.

Please help!

Best regards.

Posted 1 year ago #
bka835
Member

This is very obvious in IE and Chrome and ocasionally works in Firefox.

Thanks!

Posted 1 year ago #
Ismael
Moderator

Hello,

Add this to your custom.css

ul#menu-shopping li ul {
margin-top: -13px;
}

Regards,
Ismael

Posted 1 year ago #