Home › Forums › WoodMart support forum › Product page. Text align left on desktop, right on mobile

Product page. Text align left on desktop, right on mobile

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 1, 2023 at 3:35 pm #517633

    fameadvance
    Participant

    Hi there,

    I am looking to have the text on the product page align to left on desktop and centre on mobile.

    I’ve set the default as left within the theme settings – layout – product page design.

    And i added the following code to custom css area for mobile

    .woocommerce-product-details__short-description {
    margin-bottom: 20px;
    text-align: center;
    }

    .product-design-alt .woocommerce-product-details__short-description :is(ul,ol) {
    padding-left: 0;
    list-style: none;
    text-align: center;
    }

    However it wont text align to centre on mobile, can you help please?

    December 2, 2023 at 9:19 am #517771

    Hung Pham
    Keymaster

    Hi fameadvance,

    Thanks for reaching to us.

    Please provide URL of the mentioned page, so I can take a closer look.

    Regards,

    December 8, 2023 at 10:13 am #519666

    fameadvance
    Participant

    Yeah details provided bellow.

    December 8, 2023 at 8:00 pm #519890

    Hung Pham
    Keymaster

    Hi fameadvance,

    Please remove your code and put below to Theme Settings > Custom CSS > Custom CSS for mobile:

    .single-product .woocommerce-product-details__short-description {
	text-align: center;
}

    Regards,

    December 8, 2023 at 8:38 pm #519895

    fameadvance
    Participant

    Sorry but I added the code as requested but that doesn’t appear to have worked, the text is still aligned to the right.

    I have taken the site out of maintenance mode so you can easily see.

    Also i notice now on mobile the front page doesn’t fully load. The 3 lines that represent mobile navigation dont appear, and the black footer isn’t loading in. see attached screenshot of mobile

    Attachments:
    You must be logged in to view attached files.
    December 9, 2023 at 1:20 pm #519982

    Hung Pham
    Keymaster

    Hi fameadvance,

    Thanks for reaching to us.

    I took a look at test webiste, you are using outdated theme version, please update WoodMart and WooMart Core plugin to the latest version and check again.

    https://xtemos.com/docs-topic/update-the-theme/

    I kindly recommend that you take a complete backup of your site before proceeding.

    Then, you should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.

    Let me know how it goes.

    Regards,

    December 11, 2023 at 5:39 pm #520538

    fameadvance
    Participant

    I have updated the site theme and gone through all the plugins. Still cant get the site to centre align on mobile. Can you take a second look please

    December 12, 2023 at 8:08 am #520699

    Hung Pham
    Keymaster

    Hi fameadvance,

    You missed close tag } https://prnt.sc/o5Dyn31fqnch

    I’ve fixed your issue. Please check your site again.

    Regards,

    December 12, 2023 at 12:14 pm #520794

    fameadvance
    Participant

    Sorry that seems to still be wrong, now its central align on both desktop on mobile.

    What im looking for is central on mobile, left align on desktop.

    Sorry

    December 12, 2023 at 12:54 pm #520829

    Hung Pham
    Keymaster

    Hi fameadvance,

    I’ve fixed your issue. Please check your site again.

    Regards,

    December 12, 2023 at 3:13 pm #520883

    fameadvance
    Participant

    Thank you. However i have now noticed an additional issue since your fix which i cant seem to work out.

    If you look at the following links bellow you’ll see that the page isnt fully loading and the footer (which should be black) doesnt appear. Its strange because i can get them to fully load when logged in as admin, (might be cache) but for all other viewers the footer on those pages doent appear.

    December 13, 2023 at 9:10 am #521107

    Hung Pham
    Keymaster

    Hi fameadvance,

    I tested with logged-in users and on Incognite mode as well, everything looked same https://prnt.sc/-tQ6F7RA2iCK https://prnt.sc/xzMqkfxDsny8

    Could you, please, record video of problems and share to me? I can understand your problem better.

    Thanks for your patience.

    Regards,

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