Responsive layout on phone

Question

Hi,I'm using RH2022.3 and the Azure Blue responsive template. It appears to work well on an iPad, but when I view on a phone, any graphics are tiny.For example, on an iPad, I see:While on a phone, it is tiny.I realise they'll be small on a phone, but I need them to be a little larger than this. Is there a setting I've missed, or something I need to add to get the graphics to show as more than a tiny box on a phone? When I've had this problem on a website I coded myself, I needed to add the following code, but that doesn't seem to make any difference here.<metaname="viewport" content="width=device-width, initial-scale=1"> Thanks.

Amebr · Answer

Because you're using Responsive HTML you probably can't modify that directly.

In the template switch to phone view using the icon at the top of the page and double-check for any relevant setting.

If not (as i suspect) you'll have to inspect the output using the developer tools, with the browser resized to phone size, to figure out what css is causing it. Then add a custom css file with just that change to the User Assets section in the template.

It'll probably be something like the following - values made up, but provided as an idea what to look for.

@media screen and (max-width: 768px) {

  img {

    width: 50%;

  }

}

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded