8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

Website logo display issue

by Temi Immanuel
6 replies
  • WEB DESIGN
    • |
The logo is not displaying on my website for a split second when I load pages on my mobile. It's really bugging me because I cannot for the life of me work out what could be causing this. Could it perhaps be a css issue?

Any suggestions would be much appreciated!
#display #issue #logo #website
  • Profile picture of the author Monetize
    Originally Posted by Temi Immanuel View Post

    The logo is not displaying on my website for a split second when I load pages on my mobile. It's really bugging me because I cannot for the life of me work out what could be causing this. Could it perhaps be a css issue?

    Any suggestions would be much appreciated!

    ChatGPT or any of the other similar AIs can correct your code.
    {{ DiscussionBoard.errors[11793201].message }}
    • Profile picture of the author Temi Immanuel
      Thanks for the suggestion. I've worked through all of Chat GPT's css coding suggestions and none of them work. Do you have any other ideas?
      {{ DiscussionBoard.errors[11793703].message }}
      • Profile picture of the author Monetize
        Originally Posted by Temi Immanuel View Post

        Thanks for the suggestion. I've worked through all of Chat GPT's css coding suggestions and none of them work. Do you have any other ideas?

        I usually give it the problematic section of code or the entire page.

        It will correct coding errors and provide details.

        If I were you I would go over the main page code, CSS, JS and whatever else you are using.

        And make sure you tell it what the problem is just like what you wrote here.
        {{ DiscussionBoard.errors[11793708].message }}
  • Profile picture of the author savidge4
    Originally Posted by Temi Immanuel View Post

    The logo is not displaying on my website for a split second when I load pages on my mobile. It's really bugging me because I cannot for the life of me work out what could be causing this. Could it perhaps be a css issue?

    Any suggestions would be much appreciated!
    Create a file that is smaller in size. This could mean at a lower resolution OR reducing the image pixel size to an exact match for what is needed vs allowing the image to be shrunk or enlarged when loading.
    Signature
    Success is an ACT not an idea
    {{ DiscussionBoard.errors[11793705].message }}
  • Profile picture of the author Swaydesign
    Sometimes speed optimization measures and caching can have an impact. Its possible that the image is being called before the css stylesheet that has the width and height settings. I would recommend testing the site with any caches turned off and also try putting the styles inline (make them part of the <img style="width:width-goes-here; height:your-height-goes-here;" />)

    Hope that helps
    {{ DiscussionBoard.errors[11794119].message }}
  • Profile picture of the author zaidzahid
    Your issue is common. You should try to add custom css to WordPress (your site). First, you need to inspect that element (logo) and see its css element, which is like .logo or something. Then, note what happens after your logo disappears. Does it affect the logo's css? After that, add this custom css
    for example, if your logo class is .logo

    .logo {
    display: block;
    visibility: visible;
    opacity: 1;
    }
    {{ DiscussionBoard.errors[11798146].message }}

Trending Topics