- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
How to change font and logo size for mobile site
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
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: How to change font and logo size for mobile site
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.
200+ Magento 2 Extensions for Enhanced Shopping Experience.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: How to change font and logo size for mobile site
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!
LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: How to change font and logo size for mobile site
For adjusting font and header logo size on mobile:
Font: In your CSS, look for @Media queries for mobile (e.g., max-width: 768px) and adjust font-size for readability.
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.
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: How to change font and logo size for mobile site
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.