Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Browser Issues, Help Please!


Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

It doesn’t look bad at all on mobile on my side. 

Oh, does it look good on google chrome? And no problem😁!

Looks good on macOS using Safari browser here. Used Microsoft Edge on Xbox One. Looked good there as well. Can you post a screenshot or two of the bad rendering so we know what to look for?

16 minutes ago, inunzi said:

It doesn’t look bad at all on mobile on my side. 

Using safari mobile? Yes I should have mentioned safari mobile is fine. Firefox, microsoft edge, and safari desktop are all missing the background and a few other elements. 😞 Thanks for reply!

Link to post
10 minutes ago, nicolettely said:

Using safari mobile? Yes I should have mentioned safari mobile is fine. Firefox, microsoft edge, and safari desktop are all missing the background and a few other elements. 😞 Thanks for reply!

Oh, does it look good on google chrome? And no problem😁!

Edited by inunzi
Link to post
2 minutes ago, inunzi said:

Oh, does it look good on google chrome? And no problem😁!

Yes chrome is all good! 12% of my viewers on my own site use "other" browsers though. 

Link to post
2 hours ago, nicolettely said:

causing this site to show up poorly on safari

Looks good on macOS using Safari browser here.

Used Microsoft Edge on Xbox One. Looked good there as well.

Can you post a screenshot or two of the bad rendering so we know what to look for?

The only other thing would be a few additions to the rules for your CSS. I flagged the new lines. You may just want to copy those few lines in by hand.

.design-layout-overlap img {
    /* new */ -webkit-transition: opacity .2s linear;
    /* new */ -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.Main {
    /* new */ background: -webkit-gradient(linear,left top, right top,color-stop(50%, #000),color-stop(50%, #3c3d35));
    /* new */ background: -o-linear-gradient(left,#000 50%,#3c3d35 50%);
    background: linear-gradient(90deg,#000 50%,#3c3d35 50%)
}

 

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
On 9/30/2020 at 3:43 PM, creedon said:

Looks good on macOS using Safari browser here.

Used Microsoft Edge on Xbox One. Looked good there as well.

Can you post a screenshot or two of the bad rendering so we know what to look for?

The only other thing would be a few additions to the rules for your CSS. I flagged the new lines. You may just want to copy those few lines in by hand.


.design-layout-overlap img {
    /* new */ -webkit-transition: opacity .2s linear;
    /* new */ -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.Main {
    /* new */ background: -webkit-gradient(linear,left top, right top,color-stop(50%, #000),color-stop(50%, #3c3d35));
    /* new */ background: -o-linear-gradient(left,#000 50%,#3c3d35 50%);
    background: linear-gradient(90deg,#000 50%,#3c3d35 50%)
}

 

Oh thanks so much!!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...