Forcing mobile mode - portrait to about 450

Hi guys,

I’m trying to insert a Javascript calendar of about 450px wide into mobile mode (portrait). Is there a way force the mobile mode to be about 450px wide for the whole theme?

https://www.ampedmalaysia.com/amped-utama/

Thanks.

Dear Jason,

> Is there a way force the mobile mode to be about 450px wide for the whole theme?

I thought it isn’t a good practice to do. It would lead another issue like header area would not be fully visible on viewport less than 450px width.

As an alternative solution, could you please try to add the following CSS code through the Simple Custom CSS plugin?

@media only screen and (max-width:449px){
  
  #content > .container{
    overflow-x: scroll;
  }
  
}

By doing this, horizontal scroll will be applied in the content area https://cloudup.com/iA9Tr4aXrbg.

Let me know how it helps.

Regards,
Kharis