Hello,

Thank you for purchasing our theme.

1. You just need to reload the page if you test it after browser resize. It will work correctly on a real device.

2. Could you please provide us your website link where we can see this issue?

Regards

Hi, I have done the above! http://accessories4mycar.co.uk/

We see some extra image added to the widget that makes this issue on mobile devices https://gyazo.com/bece7e3de3be26105699071bb7ba1334 Maybe it is added by some of the installed plugins. Try to disable them all one by one to detect which one causes it.

Hi, When in a category the drop down under the category title is not working on standard iPod however it is working on an iPod Pro as seen here https://gyazo.com/b68d49141d3672eec707bcec21810b53

I have already mentioned this in a previous post which in return was told to refresh the browser which I already knew to do in the first place (It simply doesn’t work) This has been tested on an actual iPad…Please advise.

Regards

Could you please test how it works on our demo as well?

Yes I have and it doesn’t work on it either.

Hi,

Could you please provide a screenshot and your website link so we can check what we can do here?

Regards

please view the screenshot. I would like to have the the button size larger with larger font size; align with the divider line right below. Two screenshots: desktop view and mobile view. I hope this can be done. thank you. https://onedrive.live.com/?authkey=%21AJmvBwe1xBmDcHs&id=5AEABF5383DB31FB%211700&cid=5AEABF5383DB31FB

Sorry I didn’t finished.For mobile phones is perfect the one we have

Hello,

What do you mean? Could you please explain in a bit more details?

Thank you

I mean why I can’t have this kind (https://screencast-o-matic.com/watch/cbXuIX2wSwkind) of searching for tablet devices (we are talking about 8 and 10 inches screens-we have enough space).

Sorry, but we have a different header and search on tablet on mobile devices. Main header with full screen search is not adapted for them.

Understood.

Another question:how do we correct this problem? http://prntscr.com/hgc8ub

Try this snippet

.woodmart-products-nav .woodmart-back-btn .woodmart-tooltip-label {
z-index:380;
}

Worked.How do we make the tooltip with border radius 2px? ( http://prntscr.com/hgcfir ,http://prntscr.com/hgcfpw, http://prntscr.com/hgcfwm, http://prntscr.com/hgcg2j).

You can use this code

.woodmart-tltp span.woodmart-tooltip-label {
    border-radius: 2px !important;
}

OK.please move the toolptip a little on the left.Now it’s cropped. Also what about the border radius of other 3 tooltips (see images above)?

Try this also

.woodmart-tltp span.woodmart-tooltip-label {
    border-radius: 2px !important;
        transform: translateX(-2px);
        -webkit-transform: translateX(-2px);
}

.tooltip-inner {
    border-radius: 2px !important;
}

.tooltip {
    margin-left:-2px;
}

Although I used .tooltip { margin-left:-2px;} I didn’t achieved my purpose: http://prntscr.com/hgi3zn. Everything else worked fine.

Try this code also

.woodmart-products-nav .woodmart-back-btn .woodmart-tooltip-label {
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
}

.woodmart-products-nav .woodmart-back-btn .woodmart-tooltip-label:before {
    margin-left:5px;
}

Perfect. I want to be enabled this cart layout http://prntscr.com/hgo3z7 on devices under 1024res.Is this possible?

Unfortunately, you can’t change it for mobile devices only.

ok.how we disable this link? http://prntscr.com/hgog5s

Use this code

.pswp__share--download {
    display: none!important;
}

Thanks.Worked.Look at the image. http://prntscr.com/hgq9ra. I want to be always enabled under 1024res.

Use this code

@media (max-width: 1024px) {
    .popup-quick-view .product-images .view-details-btn {
            transform: none!important;
            -webkit-transform: none!important;
    }
}

ok.thanks Do we have a way to increase the size of related products under 1024px?http://prntscr.com/hguqmn..Now they look very small

Sorry, but we can’t change it with CSS. It displays 3 products per screen on tablets and 2 on mobile devices.

At least can we move the icons downwards? http://prntscr.com/hgw5yj, The same applies to this:http://prntscr.com/hgw6oq.

Try to add this code

@media (max-width: 1024px){
    body div.product-list-item .woodmart-buttons {
            top: auto;
            bottom: 5px;
    }
}

    .woodmart-hover-base.product-in-carousel .woodmart-buttons {
    position: static;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;    
    }

Ok about the first photo. The second one? http://prntscr.com/hh5bus

Use this code for desktop only

div.product-list-item .woodmart-buttons {
    top:auto;
    bottom:10px;
}

Hi.I noticed that I can’t enable the countdown timer on a variable product.Maybe I missed something. http://prntscr.com/hhm2ph http://prntscr.com/hhm3hx http://prntscr.com/hhm3m8.

Sorry, but it can’t be added to variable products. They have a lot of sale prices and schedule dates.

Hello.How difficult is to darken the background every time we activate the dropdown login/register menu? http://prntscr.com/hhrsl8

Hi,

Sorry, but it requires additional JS customization since it can’t be done with a CSS only.

How do we correct this problem? http://prntscr.com/hi3vej http://prntscr.com/hi3vmq http://prntscr.com/hi3vqi

Hi,

It seems that you have modified the product layout but their tooltips are defined in JS files so you will need to custom JS functions too or hide these tooltips at all. They are not designed for your custom layout.

Regards

All the changes I have made to the product layout I’ve done it with the CSS code you gave me.I didn’t have the knowledge to do it by myself.So I can’t l leave it like this.Even if I want to hide it I don’t know how to do it.So give me the easiest solution.

Use this snippet to hide them. Sorry, but they can’t be shown correctly in that place.

.owl-carousel .woodmart-hover-base .woodmart-tooltip-label {
    display: none;
}

Even after removing all the custom css the problem exists if someone whats to use other language than English http://prntscr.com/hi4l38

Yes, we see the problem. Are you able to write some shorter word here? Or maybe we can reduce the font size for tooltips in this case?

OK. I am fine for now disabling the tooltip. I want to change something.You gave this code for breadcrumb:

@media (max-width: 1024px) { div.single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-last { display: inline-block; font-weight: 600; } Do we need to change the code in purpose to display the word “shop”? http://prntscr.com/hih0bk Now only the product appears. Thank you

div.single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-link-last {
    font-weight: 400;
}

div.single-breadcrumbs-wrapper .woocommerce-breadcrumb a:after {
    content: "/" !important;
}

div.single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-link-last {
    margin-right: 6px;
    color: #8e8e8e;
}}

Most likely there is some issue in Permalinks settings and the shop link is not shown in breadcrumbs. Here is an article that should help you https://wpml.org/faq/visiting-product-breadcrumb-including-shop-link/

thank you for the link.Now something else: How do we make the label size smaller under 550 px?Also http://prntscr.com/hilv40. Can we move the label “ho”t at the bottom of the image and the other two labels near to the top (under 550 res.) so the image is visible in lower res devices?

You can use this code

@media (max-width: 550px) {

    div.single-product-page .product-image-summary .product-labels {
        top: 0;
        bottom: 64px;
    }

    div.single-product-page .product-image-summary .product-labels .featured {
        position: absolute;
        bottom: 0;
        margin-bottom: 0;
    }    

    div.single-product-page .product-image-summary .product-label {
        font-size: 10px;
    padding: 3px 6px;
        min-width: 35px;
    }
}

the snippet worked .Thank you

I am trying to translate this text http://prntscr.com/hiso3j Where can I find it?It’s not inside the woocommerce po file.

You should be able to find it in the WooCommerce po file since it is related to the plugin. Try to update the plugin to the latest version and click “Sync” on its PO file in Loco Translate plugin.

it worked.Thank you

Hi,

Try to use this code instead

@media (max-width: 1024px) {
    .topbar-wrapp {
        height: 0 !important;
    }
}

Regards