danamv

Hi @bgoniaflora,

Is this still an issue? I checked and now it looks responsive. https://prnt.sc/z87bwe

Thank you!

Hi @pirulin,

Please add the following lines of code into Customizer -> Additional CSS.

@media only screen and (max-width: 320px) {

.header-menu-sidebar-inner .builder-item--primary-menu .primary-menu-ul.dropdowns-expanded > li > .sub-menu {
   max-height: 0;
}
}

Please let me know if it worked.

Hi @jkbaseer,

In order to show the tag descriptions, you need a custom function added in the theme’s functions.php. Same goes for the product attributes. Please have a look on the following links:

For product tag description: https://stackoverflow.com/questions/48093212/show-product-tags-description-in-woocommerce-shop-page

For product attributes: https://www.cloudways.com/blog/show-woocommerce-product-attributes/

Let me know if it worked well.

Hi @samjensen,

Please try adding the following code to Customize -> Additional CSS.
You can modify the ‘width’ and ‘max-width’ values, until it fits your needs. Increasing it should work fine.

@media only screen and (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
       width:  70%;
   }
}

Let me know if this worked.

• This reply was modified 5 years, 3 months ago by danamv.

Hi @mitzeitundohne,

I checked, and for me it is clickable https://prnt.sc/z0budk
If you can, please, share a link to your checkout page and a screenshot of the div problem that would be very helpful.

Thank you!

Hi @emilyluxton,

Please try the following code in the Customizer -> Additional CSS. You can modify the value until it fits your needs.

.blog-entry-title {
    word-wrap: break-word;
    font-size: 30px;
}

Let us know if you have any more questions.

Hi @bbrightmagazine,

The Big Title section is designed to be a full-width section and as a result, the background image is designed to cover the entire section, from top to bottom. This is the reason why the same big image can’t look exactly the same on every device. A small mobile device will not have the physical possibilities to display the entire picture, at the same time keeping the image ratio and all its properties. This is why, with some images, on mobile devices, some portions of the image may not be visible.

If you would like the full image to appear on mobile, then you can apply the code but expect that the gray areas will be there as the code is to contain the full image so you can see everything not to cover the entire section.

Hope that makes sense.