Mobile devices

Ask the Community General Questions
1

I noticed that the visitor counter is too wide for the mobile devices and you have to slide left in order to see it. Meanwhile it is not so convenient for the shoppers when they start sliding up!

Can you check it please on www.noonebrand.com

1 Like
3

Hi there, @Staki4a_10 :wave:

Sure, your request is with our devs now. I’ll let you know once I have their response :slightly_smiling_face:

5

Hi @Staki4a_10 :wave:

Thank you for waiting!

We’ve fixed the issue by adding this code to the Custom CSS field on the Style tab of your widget’s settings:


@media (min-width: 540px) {
  .global-styles, 
  .elfsight-app-53f9eacd-37fd-41f2-b40a-778c4bdfa90b {
    float: left;
    clear: both;
  }
}

Please have a look and let me know if it’s fine now :wink:

6

Hi there,

it is ok now, althogh it is only the Today, Yesterday, This week and Last week numbers seen

| Virus-free.www.avast.com |

  • | - |

На вт, 5.11.2024 г. в 13:20 Max via Elfsight Community <notifications@elfsight.discoursemail.com> написа:

1 Like
7

Hi there, @Staki4a_10 :wave:

To see another numbers, you should scroll the widget to the left. It’s impossible to display all the numbers right away (without scrolling) on mobile with the horizontal layout.

However, you can display them vertically using one of the CSS codes below.

Display in 1 column:

@media (max-width: 480px) {
  .global-styles,
  [class*="ColumnsSlider__Inner-sc"] {
    flex-direction: column;
    gap: 5px;
  }
}

image
image2070×1243 170 KB


Display in 2 columns:

@media (max-width: 480px) {
  .global-styles,
  [class*="ColumnsSlider__Inner-sc"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
}

image
image2076×1245 171 KB


Let me know if this explains things or if you have any further questions :slightly_smiling_face:

1 Like