Slide Background Image -> centering for smaller resolution?

  • Resolved hahutzy

    (@hahutzy)


    9 years, 11 months ago

    When I view the website on mobile phone, the slide background only shows the left side of the image.

    Can it show the center instead?

    I tried doing these, but nothing worked:

    img#def_statimg.stat_bg_img {
    text-align:center;
    }

    div#stat_img.stat_has_img {
    text-align:center;
    }

    div#stat_img.stat_has_img {
    background-position: center;
    }

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

    (@layerthemes)

    Thats weird. Whats your site address?

    Thread Starter hahutzy

    (@hahutzy)

    Address is libero.mobi

    Note that the slide bg is centered when fullscreen on 1920px width

    And then I shrink the width to mobile phone size (~370px width), refresh the page. The bg does that get centered.

    Also another 2 problems (ipad related):

    At around 780px width, the Slide Content collides with the header logo and runs off screen at the top (the default logo cuts cut off).

    At around 765px width, the slider and all of its contents do not show up

    In general, the Slider Content’s vertical position is variable depending on browser width, making it very difficult to position the Slider Content properly.

    Thread Starter hahutzy

    (@hahutzy)

    The same “scrolling makes the Logo fly off screen” problem persists in your demos

    https://optimizer.layerthemes.com/demo1/
    https://optimizer.layerthemes.com/demo6/
    https://optimizer.layerthemes.com/demo8/

    As you scroll to around 760px width or view page on iPad, the logo is super close to the top of the page, or has run off the top.

    The only demo that doesn’t do that is your landing page for Optimizer

    https://www.layerthemes.com/theme/optimizer/

    Assuming that URL uses Optimizer theme.

    Thread Starter hahutzy

    (@hahutzy)

    Marking as resolved. Modded the code myself and got the slider to work properly.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Slide Background Image -> centering for smaller resolution?’ is closed to new replies.