Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 29, 2016 at 10:40 pm #591163
    Taryn

    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!

    March 1, 2016 at 7:52 am #591391
    Rikard

    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

    March 1, 2016 at 8:28 am #591399
    Taryn

    Great – thank so much!

    March 3, 2016 at 5:38 pm #592739
    Vinay

    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.
    March 7, 2016 at 10:08 pm #594602
    Taryn

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

    Thanks!

    March 7, 2016 at 10:25 pm #594620
    Taryn

    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;
}
}
    March 7, 2016 at 11:05 pm #594643
    Taryn

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

    March 9, 2016 at 6:16 am #595316
    Rikard

    Hi,

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

    Regards,
    Rikard

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