Home › Forums › WoodMart support forum › attribute does not appear on mobile after update

attribute does not appear on mobile after update

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 30, 2020 at 10:50 am #237292

    burakiks
    Participant

    attributes, which appear on the product pages before updating the theme, are not displayed on mobile pages after updating the theme. can you help?

    before https://prnt.sc/va0l0m

    after update https://prnt.sc/va0mov

    October 30, 2020 at 11:43 am #237306

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Can you please share the WP admin login details of your site so I will check and solve the issue?

    Best Regards.

    October 30, 2020 at 12:07 pm #237313

    burakiks
    Participant

    yes

    October 31, 2020 at 5:47 am #237423

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have visited your website. Please try adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.

    .product-labels {
	display: block !important;
}

    Then deactivate the cache plugin clear browser cache and check back.

    Best Regards.

    October 31, 2020 at 10:00 am #237460

    burakiks
    Participant

    I added it to these two areas and cleared it in memory. it still doesn’t appear on mobile. can you check it out?

    https://prnt.sc/vamvku

    October 31, 2020 at 11:24 am #237479

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have logged into your website and the issue is caused due to syntax errors in the Custom CSS that you added under Theme Settings >> Custom CSS. Under all the specific devices.

    I have checked after removing all the other CSS code and the CSS I provided you is working absolutely fine and the labels displayed.

    Screenshot for Clarification: https://ibb.co/cxyh00N

    I have re-added your CSS back and you can try correcting it this will fix the issue.

    Best Regards.

    October 31, 2020 at 12:28 pm #237506

    burakiks
    Participant

    it worked like this, thank you very much. but the shopping Button and attributes look the same. how can I get the attributes or shopping button on the right side
    https://prnt.sc/vaorp4

    October 31, 2020 at 1:01 pm #237521

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    Please try adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.

    .product-labels {
	position: absolute;
	margin-left: 100px;
}

    Regard’s.
    Xtemos Studios.

    October 31, 2020 at 2:37 pm #237542

    burakiks
    Participant

    is it true?

    for Custom CSS for mobile;

    .product-labels {
    display: block !important;
    }

    .labels-rounded .label-with-img
    padding: 0;
    min-height: auto;
    max-width: 10px;

    .product-labels {
    position: absolute;
    margin-left: 100px;
    }

    November 2, 2020 at 6:02 am #237792

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The CSS I provided you is correct but the CSS in the middle that you added is missing the braces.

    The Correct CSS will be as follows:

    .product-labels {
display: block !important;
}
    .labels-rounded .label-with-img {
padding: 0;
min-height: auto;
max-width: 10px;
}
    .product-labels {
position: absolute;
margin-left: 100px;
}

    Best Regards.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)