Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 10, 2017 at 12:39 am #790715
    murdochduncan

    Hello!

    I have a background image that looks awesome for the desktop viewing but no good on mobile.

    Is there a way to change the background image for the mobile view only?

    Thank you,

    Duncan

    May 10, 2017 at 12:44 am #790718
    Yigit

    Hey Duncan,

    Please edit the Color Section which has the background image you would like to replace and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png then add following code to Quick CSS in Enfold theme options under General Styling tab

    
@media only screen and (max-width: 768px) {
#your-unique-id { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)!important; }}

    Best regards,
    Yigit

    May 10, 2017 at 1:01 am #790722
    murdochduncan

    Thank you so much for the quick reply!

    I did as you suggested. Maybe I’m not following you completely.

    I went to the Color Section and gave it an arbitrary unique ID, the word “bird”

    I then entered the code in the Quick CSS.

    Nothing happened. Could you assist me further?

    BTW Iam aiming for the background to be the color #ebebeb

    Thank you!

    Duncan

    May 10, 2017 at 1:17 am #790725
    Yigit

    Hi Duncan,

    Please change the code to following one

    @media only screen and (max-width: 768px) {
#bird { background: #ebebeb!important; }}

    Best regards,
    Yigit

    May 10, 2017 at 3:44 am #790780
    murdochduncan

    Amazing!!! Thank you so much, Yigit. I’ll apply this kind of coding throughout my site now.

    Thank you so much for helping me.

    Duncan

    May 10, 2017 at 4:09 am #790792
    Sarah

    Hi Duncan,

    We’re glad that Yigit was able to help you. We’ll close this thread now. For any other questions or issues, feel free to post them here on the forum.

    Thank you for using Enfold!

    Sarah

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘change/replace image in mobile view only’ is closed to new replies.