Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 19, 2017 at 8:41 pm #736077
    wdwalrus

    Is there a way to target the background-position css for mobile?

    For desktop Background-position: center center is fine, but for mobile I’d like background-position: 0;

    Please see attached img link below.

    January 19, 2017 at 9:09 pm #736095
    Basilis

    Hey wdwalrus!

    Yes, you can go ahead and use Media Queries

    @media queries Responsiveness

    which do help with mobile modifications.
    Let us know if you need further help

    Regards,
    Basilis

    January 19, 2017 at 9:42 pm #736104
    wdwalrus

    I was hoping you could help me with what to target for that element. I noticed that the element is writing the css inline and not in a class.
    https://screencast.com/t/myWxxlha

    January 21, 2017 at 5:12 am #736697
    Rikard

    Hi,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 23, 2017 at 6:44 pm #737386
    wdwalrus

    Sure. Please see link below.

    Thanks,

    January 26, 2017 at 10:15 am #738810
    Ismael

    Hey!

    Add a custom css class attribute to the columns then declare the background-image property plus the !important rule in the Quick CSS field.

    @media only screen and (max-width: 989px) {
     .boot-box {
         background-image: url(IMAGE URL HERE) !important;
     }
}

    This will override the inline styling.

    Best regards,
    Ismael

    January 26, 2017 at 5:30 pm #739046
    wdwalrus

    Great, Thanks Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘mobile version edit column elements’ is closed to new replies.