Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 18, 2015 at 11:27 am #475255
    moderngravity

    Hey hey,

    Having issue with higher resolution displays such as; 1650 x 1050 on our desktops and have tested on all main browsers.

    The main page is perfectly fine but the section images throughout the page do not expand to the edges. I’ve attached images for you to look at.

    If you could let me know what’s up or if I’m missing something painfully obvious – that would be awesome.

    July 19, 2015 at 6:43 pm #475433
    moderngravity

    Tried a few different things, along with uploading super high-resolution images and it doesn’t seem to be working.
    Any help would be appreciated!

    July 19, 2015 at 9:44 pm #475466
    Basilis

    Hey!

    Can you please let us know what browser are you using on Windows?

    Regards,
    Basilis

    July 19, 2015 at 9:48 pm #475469
    moderngravity

    Have tried on Firefox, Chrome and IE on 3 different desktops.

    July 20, 2015 at 12:39 pm #475731
    Ismael

    Hi!

    Edit the color section then set the Section Background > Background Repeat to “Stretch to Fit”.

    Regards,
    Ismael

    July 20, 2015 at 11:57 pm #476205
    moderngravity

    Ismael! You’re awesome – I feel a bit embarrassed that I missed that. Was making that too complicated.

    Side question about the same topic, how would I turn off “Stretch to Fit” for mobile only?

    Thanks again!

    July 21, 2015 at 8:34 am #476334
    Rikard

    Hi!

    How would you like the background to display on mobile?

    Best regards,
    Rikard

    July 21, 2015 at 8:36 am #476337
    moderngravity

    Hey Rikard,

    Essentially the same way it shows up on the desktop version. On mobile, it shows the entire image versus the top section.

    Would things be easier all around if I just cropped the image further?

    July 21, 2015 at 3:24 pm #476548
    Andy

    Hi!

    yeah, could make things easier, although WordPress is cropping by default, but you can control it with this plugin: https://wordpress.org/plugins/simple-image-sizes/

    However, try this code for you background image on mobile:

    @media only screen and (max-device-width: 736px) {
li.av-single-slide.slide-1.active-slide {
background-image: 100% 100%;
}}

    and adjust as needed.

    Regards,
    Andy

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.