Home › Forums › WoodMart support forum › Payment icons are not correctly displayed on the mobile version

Payment icons are not correctly displayed on the mobile version

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 24, 2019 at 2:39 pm #146376

    Rickown
    Participant

    Hallo,

    I have added the payment icons to the website. On the computer the icons are neatly placed in the lower right corner. As soon as you go to the mobile display, the icons will appear in the lower left corner.

    How can I make sure that the icons are placed in the middle when the customer is using a mobile or tablet?

    September 25, 2019 at 6:34 am #146425

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    To display those payment icons in the center of the screen when the customer is using a mobile or tablet. Please insert the below css code in Theme Setting >> CUSTOM CSS >> Custom CSS for mobile and Custom CSS for tablet:

    .min-footer .col-right {
    text-align: center;
}

    And make sure that you are using those payment icons in the “Text next to copyrights” in Theme Settings >> Footer with Copyrights layout as 2 columns as in the screenshot: https://jmp.sh/ZyPdN91

    Best Regards.

    September 25, 2019 at 6:59 am #146437

    Rickown
    Participant

    Hello,

    Thank you for your answer. I have made your instructions on the website only the payment icons remain on the left side.

    Would you look for me again?

    Thanks!

    September 25, 2019 at 7:53 am #146459

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Could you please share your site admin login credentials so I can access your admin area and help you out.

    Best Regards.

    September 25, 2019 at 8:01 am #146462

    Rickown
    Participant

    Hello,

    I have placed my data in the secure environment (private content).

    I’d like to know what it was.

    September 25, 2019 at 8:37 am #146469

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your problem is resolved. Actually you missed a tag in the Copyrights text. That’s why it disturbs the styling. I just add that missing tag at the end of line and undo that custom code for tablet and mobile screens and it fixed the issue.

    Tag which was missing, I pointed out in this screenshot: https://jmp.sh/7SrhUdv

    Screenshot for mobile screens: https://jmp.sh/6iD70yi

    Best Regards.

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