Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 4, 2019 at 7:45 am #1049862
    VORMELEVENCC

    Hi there,

    First of all, the best wishes for 2019!

    I have a couple of questions. It’s all related to mobile devices
    1) is it possible to decrease the heading font sizes on mobile by 80%? and increase on desktop view 120%?
    2) Countdown number changes color on mobile –> Yellow ball looses the background color on mobile (https://fitdockum.nl/aanbod__trashed/personal-training-dokkum/)
    3a) We want to change the 85% width iframe/container on mobile to 100% (https://fitdockum.nl/inschrijven/)
    3b) On thes ame iFrame page (https://fitdockum.nl/inschrijven/) can’t move the upper row from right to left on Apple mobile devices (android works)
    3c) Same page: cuts of a part of the end on the latest item top row

    Not related to mobile:
    5) Child Theme style.css doesn’t work, only the Quick CSS

    Hope you can help me
    With kind regards

    January 5, 2019 at 10:29 pm #1050413
    Basilis

    Hey Ivo,

    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 it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    January 8, 2019 at 6:35 pm #1051463
    VORMELEVENCC

    Hi Basilis,

    Does your answer stands for all the problems?
    Please take some time to read it again. There are several problems due to Enfold itself, not my ignorance.

    with kind regards
    Ivo

    January 10, 2019 at 6:35 am #1052181
    Rikard

    Hi Ivo,

    We could appreciate if you opened separate thread for each problem in the future.

    1. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 {
  font-size:80%;
}
}

@media only screen and (max-width: 990px) {
h1, h2, h3, h4, h5, h6 {
  font-size:120%;
}
}

    Best regards,
    Rikard

    January 10, 2019 at 6:39 am #1052182
    Rikard

    Hi,

    2. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.avia-animated-number-circle {
    display: block;
}
}

    Best regards,
    Rikard

    January 10, 2019 at 6:41 am #1052185
    Rikard

    Hi,

    3a. The container width is 85% wide for the site wide, you have the option to change it for just that page or for the entire site. What would you like to do?

    3b. I’m not sure what you mean by that, what are you trying to move?

    3c. I can’t see anything like that on my end using Chrome, could you post a screenshot of the problem please?

    Best regards,
    Rikard

    • This reply was modified 5 years, 9 months ago by Rikard.
    January 10, 2019 at 6:44 am #1052188
    Rikard

    Hi,

    5. Are you applying any caching to the site? If so then please try to disable that to see if that helps.

    Best regards,
    Rikard

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