Increase the width of the iframe

I want to increase the width of the iframe until it is the same width as the grey background.

Attachments:

You must be logged in to view attached files.

Hi ha21cn,

Thanks for reaching to us.

Can you please try to edit iframe and increase its width? The container is inside iframe tag and can’t use CSS to change it.

Regards,

I have now changed the settings of the product description and now I don’t use iframes, how do I change the width of the div.table-wrapper inside the screenshot, currently the sizing table doesn’t have enough width on the mobile side, it’s too small to display.

Attachments:

You must be logged in to view attached files.

Hi ha21cn,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

I’ve provided you with the username, password, and login URL below.
I hope I can solve the problem of displaying the sizing chart in proportion to the width on mobile, I want to achieve the effect of shrinking the sizing chart as a whole like a picture without sliding to display the sizing chart.

I’ve only edited one product as a test so far, the others don’t have this sizing chart.

Hi ha21cn,

Admin credential is incorrect, please check again.

Regards,

I just reset my password and tested it at the same time, and the new password is working to log in properly

Hi ha21cn,

Please change max-width: 100% and padding: 0 https://ibb.co/ccNg641f

Regarding on mobile, please see screenshot for better understanding https://ibb.co/nMPdHTcr

Regards,

I set the dimensions as you suggested, but the display still doesn’t work.

Attachments:

You must be logged in to view attached files.

Hi ha21cn,

Purge all cache from your caching plugin and check again. If you’re using a CDN, disable it temporarily and see if the issue persists.

Regards,

I’m using an administrator account to view it and don’t receive the effects of the caching plugin. And I’ve tried clearing all the caches as well, with no change in the results.
The site is also not using a CDN

Hi ha21cn,

The changes worked on my end https://ibb.co/d0Z476Xr

Please double check.

Regards,

I don’t think you’re understanding me correctly, I’m talking about the left margins being different from the right margins when viewing the sizing chart on mobile, not that your code change doesn’t work.

You can check the image, and the effect I’m trying to achieve is that the font and content are centred, and the content text inside the size chart doesn’t need line breaks.

Attachments:

You must be logged in to view attached files.

Hi ha21cn,

Please remove custom margin-left https://ibb.co/wrRKNxkQ

Regards,

But after I remove this custom width, the overall width of the sizing chart becomes very small, is there any other way to solve the width problem of the sizing chart on mobile? Is there any other way to solve the width problem of the sizing table on mobile phone?
Also the inside of the size chart doesn’t want to change lines, is there a way to set this?

Hi ha21cn,

Provide me with the mockup of the styles that you try to achieve and we’ll send proper instructions if it’s possible.

Regards,

I’m not sure I understand what you mean.
The effect I’m trying to achieve is that the content on the mobile is arranged the same way as on the computer, with no line breaks in the text, e.g. 105-115 is on the same line instead of https://ibb.co/V0DbPfcJ
The desired effect is https://ibb.co/MkM3LP6S
The width of div#size-selector in mobile is the same as the width of div.wpb-content-wrapper
https://ibb.co/pjvJQ977
https://ibb.co/QvwZxj7Y
The content inside the final size-selector is centered, not left-aligned

Hi ha21cn,

Thanks for your patience.

On my end, it looks great https://ibb.co/k62fVsZT

Try to add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

div#size-selector table th,
div#size-selector table td {
    padding: 5px;
    text-align: center;
} 

Regards,

https://ibb.co/JFRzJ4zC
I see that the Age column in your screenshot still shows two lines of content, not everything on the same line.
Also I want to shorten the width of the arrow markers on the right, what do I need to set?

Hi ha21cn,

1. You can use above Custom CSS to decrease padding values in mobile.

2. Also, I checked your CSS codes again, there are no longer padding value https://ibb.co/j9msV5j3

Regards,

So there’s no other way to increase the width?

Hi ha21cn,

Due to limited mobile spacing and the table containing many values, it cannot be fully displayed without horizontal scrolling. Hope that clarifies.

Regards,

[Author]

Posts