Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 19, 2018 at 5:12 pm #899761
    jarlsberg

    Hi. I’m using the headline rotator module on our landing page. I’ve noticed that the last part of a few sentences are not shown on smart phones.

    Under “Screen Options” in the Headline Rotator module I have the options to hide the text on various screens, or choose the heading font size.
    Today I use “Default” on all screens. But since this is not working on smart phones, I would like to learn what the recommended sizes for the various screens should be?

    I’m not a web developer, but I thought that this was controlled “automagically” when using default.
    If I specify a certain font size (for instance 42px), the page will look different on a small iPhone 6 versus my Samsung S8+
    How can I avoid that?

    Thanks
    Jan

    January 20, 2018 at 6:43 am #900004
    Victoria

    Hey Jan,

    There is not really a recommended size, more like common sense. 42 is definitely too much for any mobile screen. I see the rule that makes the headline on mobiles to be 42 with the !important; Did you put it in code?

    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: 767px) {
  .av-rotator-multiline-on.av-rotator-text,
   #top .av-rotator-container-inner {
    font-size: 26px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 22, 2018 at 11:46 am #900753
    jarlsberg

    The snippet worked in Quick CSS. Although not sure what it does different than just putting 26px into the settings.
    42 px is perfect on the larger smartphones, such as mine Samsung S8+. 26px is too small, but it is easily edited in the snippet or settings.
    Thank you for your quick answer!

    January 23, 2018 at 6:36 am #901206
    Rikard

    Hi Jan,

    Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 23, 2018 at 1:48 pm #901446
    jarlsberg

    Hi,

    You can close it.
    Thanks,
    Jan

    January 23, 2018 at 2:11 pm #901456
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Default font size on various screens when using headline rotator’ is closed to new replies.