We are experiencing a random grey line that appears right above the footer only at certain browser widths. The footer background image is white at the top so it should disappear into the white background of the body. See the attached two files - one showing the line and the other not. We first noticed it testing on a Galaxy Tab A 10.1 which is 1920 x 1200. We can recreate the line in Developer Tools on Chrome with those dimensions. We experience it across all pages in the site. I created a test of a page consisting of just a header and basic text block and the issue still exists, so I don't believe it's anything in our page layouts. I can't find any kind of border or background color reference in the CSS that should be producing this and we made the background-color of #footer-outer transparent. Can you help?
Thank you for the site access. To get rid of the line, go to Salient > General Settings > CSS/ Script Related and enter the following code in the Custom CSS Code section:
body{ background-color: #ffffff!important; }
Please feel free to contact us if you have any further questions.
Hi!
We are experiencing a random grey line that appears right above the footer only at certain browser widths. The footer background image is white at the top so it should disappear into the white background of the body. See the attached two files - one showing the line and the other not. We first noticed it testing on a Galaxy Tab A 10.1 which is 1920 x 1200. We can recreate the line in Developer Tools on Chrome with those dimensions. We experience it across all pages in the site. I created a test of a page consisting of just a header and basic text block and the issue still exists, so I don't believe it's anything in our page layouts. I can't find any kind of border or background color reference in the CSS that should be producing this and we made the background-color of #footer-outer transparent. Can you help?
Hey there,
Thanks for reaching in,
Please send us a link to your website so we can help with some CSS code for that.
Regards
Hi Andew - Sorry, I thought I had entered that into the ticket. Here is the URL: http://dev-mahalo-30.pantheonsite.io/
Any help would be appreciated. Right now it's the one item keeping us from launching.
Thanks so much.
Hi there,
Thank you for the site access. To get rid of the line, go to Salient > General Settings > CSS/ Script Related and enter the following code in the Custom CSS Code section:
body{
background-color: #ffffff!important;
}
Please feel free to contact us if you have any further questions.
Best Regards
This worked!!! Yay!! Thank you so much for your help!