Resize slider to screen size

  • nonoweb

    (@nonoweb)


    10 years, 7 months ago

    Good morning

    First I want to than you for this beatiful theme.

    My problem is the following: on my landing page I have a set up the slider with only one picture, my logo on it plus one button. It looks great on my computer. However, on my tablet, the height of the image is bigger than the size of the screen and the logo and button are placed in the bottom of the image.

    What I would like is that the slider resizes automatically to fit exactly the size of the screen in height (even if that cut the right and left part of the picture) and the logo plus button that stays at the middle of the screen. Is this possible?

    My website http://www.minuscule.ch/store

    I hope you could help me.

    Kind regards,

    Noé

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author OptimizerWP

    (@layerthemes)

    10 years, 7 months ago

    @nonoweb
    Can you please Go to Appearance > Customize > Miscellaneous > Custom Code and add this to your Custom CSS:

    @media screen and (max-width: 480px){ .stat_has_img .stat_content_inner{padding-top:0!important;} }

    Thanks

    Thread Starter nonoweb

    (@nonoweb)

    10 years, 7 months ago

    Good evening

    Thank you for your answer. I just did it but it doesn’t seem to work.

    You can have a look on the website, I let the custom css code active.

    It’s weird when i load the page, the logo is at the center of the screen for a few milisecond and the moves downward.

    Any idea?

    Kind regards

    Theme Author OptimizerWP

    (@layerthemes)

    10 years, 7 months ago

    @nonoweb I just checked your site on iphone 6 and the logo is centered.

    Thread Starter nonoweb

    (@nonoweb)

    10 years, 7 months ago

    On small devices such as smartphones it works well. The problem is on medium sized screen such as my tablet (10.1 inches).

    Theme Author OptimizerWP

    (@layerthemes)

    10 years, 7 months ago

    In that case, add this Custom CSS:

    @media screen and (max-width: 980px){ .stat_has_img .stat_content_inner{padding-top:0!important;} }

    Thanks

    Thread Starter nonoweb

    (@nonoweb)

    10 years, 7 months ago

    Nope, it doesn’t change anything 🙁

    Theme Author OptimizerWP

    (@layerthemes)

    10 years, 7 months ago

    @nonoweb Just checked your site it looks fine. Can you post a screenshot of how it looks?

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Resize slider to screen size’ is closed to new replies.