How to change font and logo size for mobile site

[Aiman1177o2391]

Hello, I recently started my two site named LoginWorldz.com and LoginWelt.com and I want to see the settings of font and header logo size for mobile version of sites.

Thanks and Regards

Aiman Khan

[Sanjay Jethva]

@Aiman1177o2391 

Regarding your query, Magento does not provide such kind of setting for mobile screens.

So, you need to add CSS for the logo and font size.

[LitCommerce Expert]

Magento 2 logo change & logo size
Your current store theme determines the size and location of the logo by default. The default Magento 2 logo is saved as an SVG file. The desired logo can be saved in any of the file types: GIF, PNG, JPG, or JPEG and uploaded from the admin panel of your website.

To find the default Magento logo and change it for a new one, navigate to:

The Admin Panel> Content> Configuration> Select Your Current Theme> Header;
!For Magento 2.x.x - Magento 2.1.x use this path: the Admin Panel> Stores> Settings> Configuration> General> Design> Header!

[joshbellbl05c9]

For adjusting font and header logo size on mobile:

1. Font: In your CSS, look for @Media queries for mobile (e.g., max-width: 768px) and adjust font-size for readability.

2. Logo Size: Within the same mobile query, find your logo’s class (e.g., .logo) and set width and height to scale it down for a better fit.

[jackfaiz820239]

You can adjust font and logo sizes for the mobile version using CSS media queries. Look for media rules in your site's stylesheet, or add jinx manga custom CSS targeting screen widths commonly used for mobile devices.