Mobile view is not same as actual physical mobile screen

Hi there,

Can you try reducing the site title font size on mobile?
https://www.screencast.com/t/x5FM20NHwZoT

Let me know :)

Thank you,
It worked.

Is there anyway to reduce width of the mobile preview in customize page?

So that, I don't kind of misguide myself by looking at another mobile preview than my actual physical phone?

Now it looks like this in preview (https://drive.google.com/file/d/1Tey5609e9j8OcaMreU_NMIQw0BHCW-Bl/view?usp=sharing)

And like this in my physical phone (https://drive.google.com/file/d/1SlYExbfL1X6LqwhhdHk69dmk8r1PJ21O/view?usp=sharing)

We can see they are different.

Absolutely, you can do that like this:

add_filter( 'generate_customizer_device_preview_sizes', function( $sizes ) {
    $sizes['mobile'] = 640;

    return $sizes;
} );

Let me know if you need more info :)

Hi Tom, thanks for replying.
Can you please tell me where should I write this code?

I am new in WordPress.

Hi there,

that code is PHP - this article provides info on how to add it to your site:

https://docs.generatepress.com/article/adding-php/