Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #591163

    Hi,
    I’ve seen several posts on this issues, and I’ve tried the suggestions in them all, and can’t get anything to work on this page: http://edwardsvilleinjurylawyer.com/.

    Right now, I have the following, with the id “hometopimage” in the correct spot in the Color Section on the page:

    @media only screen and (max-width: 767px) {
    #hometopimage { background: none !important;
    }
    }

    It’s having zero effect on mobile. What am I doing wrong? I’m trying to hide it just for now – eventually I need it to scale correctly, but I can’t even get it to hide, so figured I’d take one step at a time.

    Thanks!

    #591391

    Hi Taryn,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #591399

    Great – thank so much!

    #592739

    Hey!

    We are working on your ticket please wait while we update the results here soon.

    1. The color section background image is applied as an inline style hence it’s specificity is the highest and no external CSS will make any change to it.

    2.There is a syntax error after the #hometopimage an extra “.” exist

    Please make these changes to achieve what you are trying to do.

    1. Remove the background image from color section and the custom CSS.

    2. Add and remove background image via external CSS

    #hometopimage{ 
    	background: #000 url(https://edwardsvilleinjurylawyer.com/wp-content/uploads/2015/10/bkgd-servicerep.jpg);
    	background-size: cover;
    }
    /* Home page section images on mobile */
    @media only screen and (max-width: 767px) {
    #hometopimage{ 
    	background: #000!important;
    }
    }
    

    If you still have any issue please deactivate your child theme and activate the main enfold theme and re-check to confirm everything is alright with the child theme.

    Cheers!
    Vinay Kashyap

    • This reply was modified 8 years, 8 months ago by Vinay.
    #594602

    Works! I had to activate the main theme and then just reactivate the child theme, and that did the trick. :)

    Thanks!

    #594620

    Actually – for mobile, if I change the color code to use an image for the background on mobile, it shows nothing at all. It would seem that I could simply create a different image to use when viewing the site on mobile, but it won’t display.

    Here’s what I have for the mobile image (right now, just using the same image – getting that work before I try to create an image that will fit):

    /* Home page section images on mobile */
    @media only screen and (max-width: 767px) {
    #hometopimage { 
    	background:  url(https://edwardsvilleinjurylawyer.com/wp-content/uploads/2015/10/bkgd-servicerep.jpg) !important;
    }
    }
    #594643

    I think I have this working now. Sorry to be a bother. :(

    #595316

    Hi,

    Great, glad you got it fixed. Please let us know if you should need any more help on the topic.

    Regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.