Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Square logo - rectangular space

Featured Replies

Hi,

 

I'm working with a square logo (dark blue background with white text and an under strip of white background with blue text) and need to fit this onto a rectangular copy space which is 600px wide by 150 / 200 high.

 

I'm struggling to fit this into the header space in an effective yet attractive way. Any thoughts?

extend the dark blue background of the logo widthways? hard to say without seeing the objects in question

Can you saw the picture of the logo so we can suggest something more to you.

 

Thanks and Regards,

Alan.

If you need to fit a logo to a completely different dimension try deconstructing the logo completely to its essential elements such as the text, background block colours etc, then reconstruct it to fit the space needed, play about with a few options until you find something that works. I sounds like you just have text and background colours so keep the header bar simple, try and continue the same ratios in the header bar as in the logo, i.e. if you have two thirds one background colour and on third another, do this in the header. Hope this helps.

Matt.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.