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

    Hi

    Please look at our site, as below, and advise whether I am able to get the Icon List element to work on mobile.

    http://www.macgeargroup.com -> Our Service4 -> Reward Programs

    Many thanks

    #1474692

    Hey vancestone,

    Thank you for the inquiry.

    It seems there is an issue with the padding. Please edit the element to adjust the padding values for mobile view, or add the following css code:

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
      #top .flex_column.av-m4wep313-3e980d8dcd4f559ad7b43a97ffcbf586 {
        padding: 0;
      }
    }

    Please make sure to purge the cache and toggle the compression settings before testing.

    Best regards,
    Ismael

    #1474694

    Hi Ismael

    Thanks for your reply. I cannot see where to edit the padding for mobile for this element – can you please advise.

    And for the CSS code – I’m unsure what I would add as my Mobile Styles – or exactly where to paste the CSS code. Please could you explain further.

    Thanks!

    #1474696

    Hi,

    Sorry for the confusion. There are no padding settings for the element, but you can add the css code in the Enfold > General Styling > Quick CSS field or the child theme’s style.css file. If you need further assistance, you can share the login details in the private field and we’ll add it for you.

    Best regards,
    Ismael

    #1474718

    Thanks Ismael. I believe I need an email address from you to setup a temporary admin login and send you an invite? Can you please advise which to use?

    #1474751

    Hi,

    Thank you for the update.

    You can use the email address in the private field, but please note that we don’t have access to its inbox, so you’ll need to generate the password. You can also follow these steps:

    1. Install and activate the “Temporary Login Without Password” plugin. You can find it here.
    2. Once activated, navigate to “Users > Temporary Logins” in the left-side menu.
    3. Click on “Create New” to generate a temporary login.
    4. Enter the email address for the account (you can use (Email address hidden if logged out) ) and select the highest possible role. Set the expiry date to around four days to ensure enough time for debugging.
    5. Click “Submit” to create the temporary account.
    6. In the private section, provide us with the URL that allows us to access the temporary login and assist you.

    Please note that once your issue is resolved, you can remove the plugin. Alternatively, if you prefer not to use the plugin, you can manually create an admin user and share the login credentials in the “private data” field.

    If you have any further questions or concerns, please let us know.

    Best regards,
    Ismael

    #1474894

    Thank you Ismael! Temporary login link is in the private section.

    #1474905

    Hi,

    Thank you for the info.

    We added the code in the Quick CSS field and temporarily disabled the Performance > File Compression settings. Please make sure to clear the cache before checking the page.

    Best regards,
    Ismael

    #1474906

    Thank you so much, that looks great :)

    #1474914

    Hi,

    You’re welcome! Let us know if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Icon List Element is not working on mobile’ is closed to new replies.