Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #803061

    Hello, I’m using animated numbers and on mobile it gets bigger than Easy Slider. That’s strange. The client who warned me. How to leave proportional on mobile the animated numbers?

    How to control custom css font type, spacing and other customizations?

    LINK

    #803580

    Hey mleite1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    
    @media only screen and (max-width: 450px) {
    .avia-tooltip {
        padding: 6px;
        width: 95px;
    }
    .av-fullwidth-hotspots.avia-builder-el-51 .av-tt-pos-left {
      left: -100px !important;
    }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #804096

    Hello Victoria. Many thanks for the feedback.

    We just entered your code and saw no change in the appearance of the boxes numbers. They remain huge on the Iphone 7, for example. They get bigger than the slider. Something wrong with that.

    I think the height and width of the big boxes. It gives a lot of scrolling. Is it possible for a stall to stand side by side on mobiles?

    #804725

    Victoria, can you still help us? If you are busy ask someone else to respond.

    Grateful

    #805357

    Hello everybody, I really need your help. On the desktop looks pretty cool. But on mobile, Iphone 7, it gets really bad. It takes up a lot of space on the screen and the letters are small with a huge box.

    Can you help me? How to solve this? Is it possible to stand side by side on the mobile? Same on the desktop?

    #805359

    Hi,

    Have you tried to make the font size of the numbers smaller?

    Best regards,
    Basilis

    #805363

    Okay, Basillis. But the problem is not just that. The box takes up a lot of space on the mobile. Lots of scrolling for 3 simple boxes. This is not good for navigation. Why not keep them side by side. Column 3?

    #805365

    The font is ok at the desktop. How to change the font to mobile only?

    #805447

    Hi,

    Just to confirm, as for the 3 simple boxes, are you referring to the ones with icon on top and text under it? as for changing the font in mobile we can give you a code for that, but would like to know what text you want to apply the changes? so we can give an accurate code, a screenshot would also be good.

    Best regards,
    Nikko

    #805561

    Hello Nikko, I’m referring to the texts from the pits. The tab does not need to change. The texts below the tabs need to increase

    In addition, the boxes get very large on the mobile screen. Too big, one below the other. This causes unnecessary scrolling. Is it possible to keep them side by side on the mobile? Have you visualized on your mobile to notice what I say?

    #807146

    Hi,

    From what I do understand you need some modifications.
    The best case scenario is to hire someone help you with them, as thta is a bit outside from out support polict.
    We do hope you undertsand.

    Thank you!

    Best regards,
    Basilis

    #807405

    Basilis, I think lowering the pit lane is already a big help. The problem is that the boxes take up a lot of space on the mobile screen. There’s a lot of empty space on the screen. That’s because the boxes are 100% width.

    Does it have a way for css to improve?

    #808135

    Hi mleite1,

    I’m confused as to what you mean. Do you have a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    #808156

    Hello Victoria. Thank you for trying to help me.

    We are using GRID ROW 1/3. Inside each one we use Animated Numbers. On the desktop is perfect. Each cell occupies its space side by side.

    In mobile the cells are one below the other with a very large height. Generating so much scrolling. I see no need. Airworthiness is poor.

    What I want is:

    1 – If it is possible to decrease the height of these boxes in the mobile

    or

    2 – Put one next to the other as it works on the desktop.

    Download this link on your mobile and notice what I say. http://www.cces.com.br/cces2/

    See picture below.
    The letters on the mobile are small. It is disproportionate to the size of the box.

    View post on imgur.com

    • This reply was modified 7 years, 5 months ago by mleite1. Reason: Complement
    #809567

    Hi,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.