Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 3, 2015 at 12:30 am #389770
    magpie6

    Theme: Enfold Child
    General Layout Settings > Dimensions > Maximum Container Width .. 100%
    Page built using Avia Layout Builder
    Page Setup: Advanced LayerSlider

    The page in question is the Homepage [ http://www.247direct.com ] and whilst it renders perfectly on screens wider than 1700px, anything smaller and it cuts off the right-hand side of the page!

    The various screen shots can be viewed using Screenfly – click here.

    Does anyone know what I’m doing wrong?

    February 3, 2015 at 2:43 pm #390089
    Yigit

    Hi Mark!

    Please try adjusting “responsive under” and “layers container” values in LayerSlider WP > Slider Settings > Layout and check if that helps – http://i.imgur.com/E2YOJ5x.png

    Best regards,
    Yigit

    February 9, 2015 at 11:22 pm #393391
    magpie6

    Thank you, that fixed the width issue but it has now created another issue.
    Below around 1100px, the H2 text [We Design. We Build. etc], isn’t responsive in smaller screen sizes .. click here.

    February 10, 2015 at 8:52 pm #393962
    Ismael

    Hi!

    Edit the H2 Text layer then go to the Attributes panel. Add a unique class attribute (Classes). Use “custom-font” for example. Add this to the Quick CSS field:

    @media only screen and (max-width: 1250px) {
.custom-font {
font-size: 15px !important;
}}

    Best regards,
    Ismael

    February 18, 2015 at 11:25 pm #398530
    magpie6

    Thank you for your help, it’s very much appreciated.
    The H2 font-size is now too small on screen sizes above 1250px. Do I change the max-width to a higher number or change the H2 font-size in the Advanced Styling section?

    February 19, 2015 at 8:59 am #398706
    Rikard

    Hey!

    Yes you could do that, or just create a new CSS query for screens above 1250: 

    @media only screen and (min-width: 1250px) {
.custom-font {
font-size: 20px !important;
}}

    Best regards,
    Rikard

    February 23, 2015 at 11:36 am #400531
    magpie6

    Brilliant. Many thanks, that’s sorted the problem. Superb support, as always!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Problem with LayerSlider’ is closed to new replies.