2 logos - one for desktop and one for mobile

Hi there,

I am designing a responsive layout which has a logo to the left of a dark nav bar on desktop, but I would like to move it above this nav bar to a white background.

I think it would be quite tricky to switch around the divs with pull/push (I’m using Bootstrap). In terms of SEO, is it ok to hide the logo on the dark nav on mobile then show it on mobile and vice versa?

Any advice would be appreciated!


I’m curious as to why you think there might be an issue.

The very nature of responsive design means you need to change the layout at different screen sizes, which may or may not include removing content from small screens.

What you’re describing doesn’t sound like two logos, it sounds like one logo displayed differently for desktop and mobile.

1 Like

Thanks for the reply.

I learned a while ago that Google doesn’t like content being hidden - I just wondered if this applies to such elements like logos or would it rather be hidden content?

What Google doesn’t like is content which is deliberately shown to search engines to manipulate results, but hidden from public view - what it terms “cloaking”.

I see, great, thanks that answers my question :slight_smile:

1 Like

for SEO it mostly depends on keywords, so if your desktop logo named “web logo”, the mobile should be “web logo for mobile” or “web logo mobile”

Just try to rename the image in a way that it contains rich words but not spammy as well.

if you have an icon that is a rocket on a moon with a space background. you rename it like:

“rocket landed on a moon with space background icon”. So when people search for “space background”. on google to use that for their Desktop background image they will find your icon somewhere on the search results.

But keep in mind, you have to work very hard for SEO and its not only Keywords. And you will see the work result after 6 months…yes its a long time but that’s how the engines work because of the too much data it receives.

take a look at this:

A good SEO learning resource.

Your icon may appear in the results, but the chances of them going on to visit your page are probably nil. If I’m looking for a desktop background image, I don’t want an icon and I’m highly unlikely to be interested in knowing anything about the site using that icon.

The purpose of SEO is to ensure those visitors who are interested in your site / product / service can find it easily, not to try to con people into clicking your links whether they are relevant or not.

I would suggest the best place to learn SEO is from the search engines themselves, because then you can be sure you’re not violating their policies. Google is especially helpful in the huge range of articles on offer, but the place to start is Google’s “Search Engine Optimization Starter Guide”.


Thanks for the replies and the information :slight_smile: I will take a look into it. I just wanted to make sure I wasn’t violating any rules by hiding logos on different devices.

1 Like

I know, but I was just giving examples :pensive:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.