Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 19, 2015 at 2:51 pm #446437
    19

    Hello

    I’m using header images and it’s not responsive. Would you please help me with the custom CSS?

    Thanks

    May 19, 2015 at 2:59 pm #446439
    Yigit

    Hey 19!

    Can you please post the link to your website?

    Best regards,
    Yigit

    May 19, 2015 at 3:04 pm #446447
    19
    This reply has been marked as private.
    May 19, 2015 at 3:07 pm #446451
    19

    I figured that I’ll have to use something like the following

    @media only screen and (min-width:1000px) and (max-width:1200px) { ##### { width:70% !important; } }
@media only screen and (min-width:768px) and (max-width:1000px) { ##### { width:65% !important; } }
@media only screen and (min-width:600px) and (max-width:768px) { ##### { width:60% !important; } }

    But I can’t figure out which class or ID I should select.

    May 20, 2015 at 8:46 am #446983
    Rikard

    Hi!

    I guess you are referring to the image of the field and sky, right? It looks like you’re using a color section and you can set the parameters yourself in the Section Background tab when editing the color section. Setting Center Center in Background Image Position will most likely help.

    Regards,
    Rikard

    May 20, 2015 at 9:01 am #446990
    19

    Thanks Rikard for the hint! But when viewing the site on cell phone, the tree seem to be out of the screen. Is there any way I can use a custom CSS code to make that image responsive?

    May 20, 2015 at 4:18 pm #447233
    Yigit

    Hey!

    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

    Regards,
    Yigit

    May 20, 2015 at 4:24 pm #447240
    19

    Yigit thanks for your help. This post originally was about header image (color section backgroung image). Since I wasn’t getting any solution so I used Layer Slider and fixed the responsiveness issue. This ticket can be closed now :)

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Responsive Header Image’ is closed to new replies.