All in one Widget too small on Mobile Version but resizing just adds more columns

Ask the Community General Questions
1
  • **Issue description:**When implementing the All in one widget, the mobile version displays very small and is required to manually zoom in relation to the rest of the page. If I increase the size of the placeholder then the text etc remains the same size and the widget just adds more columns staying at the original proportions. Is there anyway of increasing the size on mobile only as i currently have a different version of the page (forced through display size) as can be seen if you use my link on desktop and then on mobile. Thanks in advance.

* Link to the page with the widget in question:

1 Like
3

Hi there @user13173 :wave:

I am so sorry about this issue!

Your request is with our devs now. I’ll let you know once I receive a response from them :slightly_smiling_face:

4

We’ve adjusted the widget’s appearance on mobile by adding the code below to the Custom CSS field on the Appearance tab of your widget’s settings:

@media handheld, only screen and (max-device-width: 913px) {
  .global-styles, .elfsight-app-ff51ed00-8961-45c0-9991-cf2249bf1677 {
    transform: scale(2);
  }
  .global-styles, #Oobj641 {
        top: 490em;
        height: 59.1em;
    }
    .global-styles, #Oobj643 {
        top: 600em;
    }
    .global-styles, #Oobj106_14 {
      top: 610em;
    }
    .global-styles, #Oobj614 {
      top: 620em;
    }
}

Check it out and let me know if you like what you see :slightly_smiling_face:

1 Like
5

Tweaked a few of the values and now fills the page. Many Thanks!!!

1 Like
6

It’s my pleasure :wink:

By the way, we’ve just launched a Birthday Challenge, where you can win a 1-year extension to your subscription. Check the details and dive in - Birthday Contest: 12 Winners, 12 Free Years with Elfsight!