Popup Mobile View

Hi @ejazshah,

Thank you for contacting us.

Viewing your popup on Mobile, I can see this is caused because your image proportion does not fit well as device width reduces the amount of the container for the image to fit. What can be done would be to increase the height of the container, so it adapts more towards your image proportion. Please try adding the following CSS in your Popup’s Appearance > Custom CSS section or in WordPress default Appearance > Customizer > Custom CSS section:

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px){
.module_id_3 .hustle-image.hustle-image-fit--fill {
    height: 300px!important;
}
}

Best,
Jonathan S

• This reply was modified 5 years, 4 months ago by Imran - WPMU DEV Support.

Hi @ejazshah

I checked your site again and I think there might be a slight adjustment in this CSS needed as it’s a bit “limited” in terms of screen width.

I’d try replacing this part of the code you were provided earlier

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px){

with just this

@media only screen 
  and (max-device-width: 782px){

Could you try this?

Also make sure to clear all caches on site/server after adding the code (if there are any).

Best regards,
Adam

Hi @ejazshah,

It’s odd that the CSS didn’t work, have you removed the CSS I don’t see any relevant CSS regarding above when I check the page.

Do you have any cache enabled? If yes, did you try clearing the cache to see whether that worked?

Could you please try the following new CSS and see whether that helps? You can remove the previous given CSS.

@media screen and (max-width: 480px) {
    .hustle-layout .hustle-image {
    
        height: 300px !important;
    }
}

You can add the above CSS within Hustle side by editing the popup and adding in the “Custom CSS” section under the Appearance tab as shown in the following screenshot:

Screenshot at 17:17:30.png

If you still have issues even after the above CSS is added, then most likely it has to do with cache. So please make sure to clear the cache and then check how it goes.

Looking forward to your response.

Best Regards,
Nithin