Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 27, 2016 at 1:30 pm #692220
    pimroll

    Hello,

    I have a accordion slider in my homepage open page but how is it possible to have different font size in Desktop and in Mobile?

    I had one question allready about the fullwidth easy slider and I received a code:

    @media only screen and (max-width: 767px) {
    #top .aviaccordion-preview-title h3 {
    font-size: 13px !important;
    }

    But now I need to customize the accordion slider in the same way.

    Best Regards,

    September 28, 2016 at 4:40 pm #692810
    Yigit

    Hey pimroll,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
h3.aviaccordion-title {
    font-size: 12px!important;
}}

    Best regards,
    Yigit

    September 29, 2016 at 8:48 am #692969
    pimroll

    Hello Yigit,

    I added the code but I think nothing changed?

    September 29, 2016 at 9:48 am #692993
    Jordan

    Hi,

    Thanks for getting back in touch.

    The first code you are using already affects the font size on the accordion slider and overrides Yigit’s code. You can remove the latter code and use yours. You may not be seeing the changes because you probably need to clear your browser’s cache but the effect does happen. Currently using your code I have set the font size to 20px on mobile and it is working.

    Please check and let me know!

    Best regards,
    Jordan

    September 30, 2016 at 4:19 pm #693886
    pimroll

    Hello Jordan,

    Thanks, now I see it working, keep up the good work:)

    Best Rgeards,

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to change accordion slider text size’ is closed to new replies.