Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 24, 2018 at 11:02 pm #932497
    mcmoya

    Hello there,
    Im working on a webpage and everything is fine with the computer view but on a mobile view i can see the whole header images just a part of them.

    How can i fix or configure it to see the whole image on a mobile device?

    Thanks for letting me know

    mcmoya

    March 25, 2018 at 4:15 pm #932624
    Vinay

    Hey mcmoya,

    Desktop screen is landscape and mobile devices are usually portrait mode. You need to have 2 set of image to always show what you want on both desktop and mobile.

    To change the color section background image in mobile assign a unique developer ID to the color section and add the below CSS code in Enfold > General Styling > Quick CSS or in your child theme styles. You can also adjust the position in X and Y axis by changing the value of the background position in pixel or percentage.

    /* BG adjustment for Mobile */
    @media only screen and (max-width: 767px) {
    #top #unique-id {
    background-image: url(https://your-site.com/image.jpg)!important;
    background-position: 0% 50%!important;
    }
    }

    Best regards,
    Vinay

    April 18, 2018 at 12:14 am #943309
    mleite1

    I am using this code above. The ID I created is called BG. But it does not change the background image on the device.

    / * BG adjustment for Mobile * /
    @media only screen and (max-width: 767px) {
    #top #bg {
    background-image: url (http://www.oficialcarmel.hospedagemdesites.ws/carmel5/bgs/01.jpg)! important;
    background-position: 0% 50%!
    }
    }

    April 19, 2018 at 6:36 pm #944229
    Yigit

    Hi,

    I could not find a section with BG ID. Could you please add unique ID and custom CSS once again and let us know so we can check it once again? :)

    Best regards,
    Yigit

    April 19, 2018 at 7:22 pm #944261
    mleite1

    Yigit, thanks for the feedback.

    The correct link is this below. In the last item of the page there is a color section with ID bg …. the image does not load.

    link

    ANITTA

    April 19, 2018 at 7:52 pm #944268
    Yigit

    Hi,

    I checked your website on my iphone but it seems to be working fine. I attached screenshots in private content field. Isn’t this how it’s supposed to be?

    Best regards,
    Yigit

    April 19, 2018 at 8:47 pm #944288
    mleite1

    Nothing came in the private.

    My question is with regards to the image that is loaded by the code …. are you carrying it there?

    /* BG adjustment for Ipad */
    @media only screen and (max-width: 1024px) {
    #top #bg {
    background-image: url(http://www.oficialcarmel.hospedagemdesites.ws/carmel5/bgs/ipad-em-pe.jpg)!important;
    background-position: 0% 50%!important;
    }
    }

    Você pode olhar um ticket para mim? É muito urgente. #943807

    April 20, 2018 at 3:40 am #944393
    Ismael

    Hi!


    @mleite1    : Please continue here: https://kriesi.at/support/topic/set-picture-full-on-devices/

    Regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Whole image view’ is closed to new replies.