Logo size - large screen v small screen

Xway
1

I have made the top logo dimensions to be 40%. On a large screen that is perfect - but on a smartphone it looks a little small. Can I make the phone version bigger without enlarging the full screen version?

2

Hi Noel,

You can use a breakpoint to do this.

  1. Select the image (film-theatre-logo.png) in Xway
  2. Open the Media Styles section of the Box Inspector
  3. Click on the plus button at the bottom of this section
  4. Choose Item from the popup menu next to Selector
  5. Set a breakpoint (e.g. 600px) to define a breakpoint below which a media style is applied
  6. Click on the plus button below Properties and add max-width (Name) 70% (Value).

This will cause the logo to have a maximum width of 70% instead of 40% on small screens.

3

Thank you. That worked an absolute treat.

1 Like