Layout Probleme mit Woocommerce Single Product Sidebar Right

Hi Victoria,

entschuldigen Sie die späte Antwort.
Unten die Anmeldedaten im Private Content.

Vielen Dank
Carolin

Hi Victoria,

thank you, this fixed the problem with the alignment of the right widget.

Now the other things I marked in yellow:
– the vertical line is too far left and touches the boxes of the article specification –> the left part would need more padding to the right
– there is some strange space between the article name and the price in the right widget. Can we remove that?

Is there the general option to put a “Zurück zur Übersicht” Button to get back to the “Shop” page?

Here is the screenshot
woocommerce.JPG" alt="Screenshot Product Single View" />

Thanks
Carolin

Hi Victoria,

thank you very much!
Now that I have it displayed correctly on the desktop version but the mobile one is chaotic:
1) the sidebar on the right covers half of the content. I would like to hide the right sidebar (single product view) on the mobile version. and
2) on the “Ähnliche Produkte” widget below, the price of one of the products is too low.

I tried with the product “Abdeckstift”.

Thanks for your help
Carolin

Hi Mike,

thanks for the fix. Does this code hide the single product sidebar ONLY on the mobile version? I want to keep it in the desktop version.

The price which is too low was also in the mobile version on my mobile phone. The one you shot is in the desktop version.
I will try to get a screenshot from my cell phone.

Please let me know, thank you!
Carolin

Hi Victoria,

talking only about the MOBILE version and the single product view.
I tried with this code to fix the problem

@media (max-width: 800px) {
.single-product .sidebar {
display: none!important;
}
}

But the single product page on MOBILE is still cut so that you can only see the left part and the right part is covered with white.
I really have no idea what the problem is on the mobile.

Here is the full code that I use in the custom css. Maybe you find another code that leads to this problem.

#menu-item-search {
display: none;
}

#footer .widget {
text-align: center;
}

#top #wrap_all #header.header-scrolled.header-scrolled-full, .header_color .header_bg {
background: rgba(255, 255, 255, 0.5);
}

div .product-sorting {display: none;}

.single-product .product {
width: 100%;
}
.single-product-summary {
float:left;
width:40%;
}

.sidebar.sidebar_sidebar_right {
padding-top: 10px;
}

@media (max-width: 800px) {
.single-product .sidebar {
display: none!important;
}
}

.avia-content-slider .slide-entry-title { text-align: center !important;}

.product_list_widget .woocommerce-Price-amount.amount {
margin-top: -15px;
display: inherit;
}

.woocommerce .login .lost_password {
top: 0 !important;
}

Perfect, you have a really excellent support! Thank you!