Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 22, 2015 at 5:56 am #400180
    Jasmer

    Hello,

    I seem to have an image centering problem.

    On the desktop browser it is perfect.

    On the iPhone browser it is not centered.

    Is there something I can do about this?

    Thank you

    February 23, 2015 at 10:45 am #400490
    Ismael

    Hey Jasmer!

    Thank you for using Enfold.

    Give the section an id, use “custom-section” for example. Add this to the Quick CSS field to adjust the background position on mobile device:

    @media only screen and (max-width: 767px) {
#custom-section .av-parallax.avia-full-stretch.active-parallax {
background-position: center center !important;
}}

    Regards,
    Ismael

    February 24, 2015 at 7:31 am #401194
    Jasmer

    Thanks Ismael. It seems like you are telling me to give the section an ID and name it anything I want. Then put that section name in the code above. But how do I give the section an ID? Where do I create that ID?

    Thank you for your help!

    February 24, 2015 at 5:39 pm #401548
    Yigit

    Hey!

    Please see – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png

    Regards,
    Yigit

    February 26, 2015 at 8:03 am #402497
    Jasmer

    Awesome Yigit! I think I need to control the position of the photo left or right. How can I edit that code so I can move it over a few pixels to the left or right?

    Thank you!

    February 27, 2015 at 4:52 pm #403501
    Andy

    Hey!

    just add 

    left: 10px;

    or 

    right: 10px;

    to the code.

    Regards,
    Andy

    February 27, 2015 at 10:58 pm #403719
    Jasmer

    Hey Andy!

    Thanks. I tried that in a few places in the code but it didn’t work. Maybe I’m not coding it correctly. Would you mind showing me?

    Thanks for your time..

    March 2, 2015 at 5:16 am #404271
    Ismael

    Hi!

    You can try something like this

    @media only screen and (max-width: 767px) {
#custom-section .av-parallax.avia-full-stretch.active-parallax {
background-position: 50% 20% !important;
}}

    Refer to this link for more info regarding background-position property: http://www.w3schools.com/cssref/pr_background-position.asp

    Regards,
    Ismael

    March 3, 2015 at 9:09 am #405000
    Jasmer

    Thank you Ismael! This solved the issue.

    Much appreciation

    March 4, 2015 at 6:02 am #405558
    Rikard

    Hi!

    Glad we could help :)

    Regards,
    Rikard

    June 2, 2015 at 9:38 am #453012
    Jasmer

    Problem solved

    June 2, 2015 at 1:10 pm #453107
    Andy

    Hi!

    let us know in a new ticket, if you need help again related to the theme. We are happy to assist!

    Cheers!
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Image Center Problem’ is closed to new replies.