Okay
  Public Ticket #1185382
Retain Background Position
Closed

Comments

  • Aaron started the conversation
    May 26, 2017 at 3:48pm

    I am setting my background position to "Left Center", but when the screen gets to tablet or mobile size, the background image switches to "Center Center". How can I retain my background position at any screen size?

  •  3,034
    Andrew replied
    May 26, 2017 at 5:06pm

    Hi Aaron,

    I hope you are having an awesome day and thanks for contacting us regarding your query.

    You'll need to use a media query to set the background position for mobile devices and tablet. I think backgrounds by default are set to center center for mobile devices so you'll need to override that. 

    Please let me know if there are any more questions that I may answer for you :)

    Cheers! 

  •  3,034
    Andrew replied
    May 26, 2017 at 5:13pm

    Hi Aaron,

    Thanks for contacting us regarding your query.

    You may accomplish this with the use of Custom CSS Code using a media query.

    /*Keeps Image Position On Mobile*/
@media (max-width:767px) { 
 css.selector{
background-position: left bottom !important;
}    
}

    You will need to know the CSS selector for the element/row/column where you would like to apply this custom code to.

    If you may provide us with the URL of your website where this element is implemented we may generate the Custom CSS Code you will need to accomplish this? 

    I look forward to your reply. 

    Cheers!