Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1372662
    pdopchev
    Participant

    Hi guys,

    Just noticed that the text and the button of the slider on this page: http://dopchevproductions.com/ looks tiny when viewed on a horizontal small screen device (iphone 4s) or the second to last screen size (screen grab 1). How could I adjust the font size for that particular screen size?

    Thank you!

    #1373127
    Lely
    Moderator

    Hello There,

    Your site is under construction. Please do give us access on a private reply so we can check the issue.

    #1373545
    pdopchev
    Participant
    This reply has been marked as private.
    #1374225
    Rad
    Moderator

    Hi there,

    You should change your grid size equal to the biggest layer of your slide. Example, if that text is the biggest, then change your slider grid size almost the size. That’s because if you do that, layers will only start to scale down when the browser/device width became equal to the grid size. Hence, layer will stay bigger.

    Thanks!

    #1377585
    pdopchev
    Participant

    I am not quite sure I am following you. Are you referring to the largest size of the grid by “grid size”? Also, the biggest layer of the slider should be the background layer, correct?

    #1377793
    Rad
    Moderator

    Hi there,

    No, the largest width of your layer. The background is not a layer, it’s part of the slider itself. The layer are the elements within each slide. Please check the attached screenshots.

    The idea is, you will only use the dimension (width) covered by the layers horizontally. The Scenario 1 has longest text vertically aligned to other smaller layers, hence, it’s safe to use as reference as the grid width.

    Thanks!

  • <script> jQuery(function($){ $("#no-reply-1372662 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>