Shopify mobile logo size Try to fit your Favicon within 32 x 32 px. Official Shopify Logo Size. How do i move it to the right so it is centre without affecting it's size?? @media screen and (max-width: 767px){h1. Try this. From the Admin page, go to Online store > Theme > Click the three dots > Edit code Nov 30, 2024 · Shopify’s own website logo uses a longer 4:1 ratio. The reason is because the sidebar has a width Mar 20, 2021 · Solved: I'd really like to make my logo bigger on mobile. This of course doesn’t mean your image size has to be exactly those dimensions. The official Shopify logo image size recommendation is no larger than 450 height x 250 width. 5 !important; } I see your logo image have size: width 180px, height 127px . However, in many themes, the sidebar is 250px wide, so keep your logo below that figure for the tidiest appearance. shopifypreview. Is there a way to make the mobile SVG logo size larger and not affect the desktop one? Nov 30, 2024 · Shopify’s own website logo uses a longer 4:1 ratio. Oct 27, 2024 · Solved: I would like this logo for the desktop version: And this one for the mobile version: How to Perfectly Resize Your Logo on Shopify: A Complete GuideTable of Contents Introduction Why the Size of Your Logo Matters on Shopify Understanding the Impact of Logo Size on Your Online Store The Psychology Behind a Larger Logo on Shopify Step-by-step Guide to Changing Your Logo Size on Shop Mar 4, 2021 · The heading size is too big for mobile and i believe it was due to the logo size. Thank you for your message and for sharing your store URL, I really enjoyed checking out your shop. In this case, I’m changing the mobile max width default to 60 pixels. Hope you are doing great! To enlarge the logo size, please follow these steps to do that: Login to your store ; Click Customize > Header ; There you can see "Custom logo width (in pixels)" just increase it to twice of current value and click save. Warning! Please be mindful of your logo size. 0, you can change the max-width of your logo by following the instructions below. You can try with this code. Shopify blog image size. When I go on mobile however the image zooms in a lot and cuts down the dimensions. 2. Open the settings_schema. By allowing your clients to choose a specific logo for smaller screens, you can mitigate against these layout issues and offer more control over the size and design of their logo images. 0), as it offers a few more options in some areas which are more helpful, and tried to find increase the HEADER Logo size Feb 28, 2024 · Hi, can someone help me to enter a code to enlarge the logo from the phone? Because the theme (dawn) that I use it has no function to change the size of the logo Jan 2, 2025 · This renders the Shopify logo size subjective based on logo size and theme. However, if you need your logo to be bigger than what this setting allows, you can follow the tutorial below. Scroll to the bottom and paste this code: /* Increase Logo Size for Mobile */ @media (max-width: 768px) { . Jul 27, 2024 · Shopify’s own website logo uses a longer 4:1 ratio. Please paste this code at the bottom of theme. =>> The result: I hope these instructions will help you. As you know, mobile users are impatient and want to find things quickly without wasting time. Shopify logo image size depends on the type of logo displayed. My website is https://www. Feb 8, 2022 · Hey, @morikins You can actually adjust the size of the logo without the need of code from within the theme customizer (Admin > Online Store > Themes > Customize > Header) by editing the 'logo width' in your header settings Sep 21, 2020 · Solved: Hello, How do I make the logo smaller for mobile-only? I can't find a width amount that looks good for both desktop on mobile. which is how i want it to look. It's barely visible. I would love to give you some recommendation . Is there anyway to make it so on mobile the banner image doesn't drastically zoom in. I want to keep it the size it is at the moment for mobile view, although I want it bigger for Sep 25, 2024 · To make your logo slightly bigger on mobile only, you can add custom CSS to your Shopify theme. Ideally the image size of the mobile version should be like 500x600 so it fits better in the screen. From the Admin page, go to Online store > Theme > Click the three dots > Edit code 2. May 25, 2022 · You have to change the logo image to SVG. The best Shopify image with text overlay size is 1800 x 1000 px. Sep 28, 2023 · How would i centre my logo without affecting it's size. io/xufomqv95g Sep 18, 2021 · Hi Community, i want to change the size of the logo in the header when i scroll down and it changes to overlay. i need to adjust it so it does not cut the logo/header when scrolling. But when you scroll down it is too big. Find your current theme and click on Actions > Edit code. For desktop, I want it to be like 225 pixels wide. is that possible to change logo to left on mobile version? thanks cecilia Dec 10, 2024 · @Lavished - I think you have changed logo size on mobile To build shopify pages use PAGEFLY | Contact me - suyash. By following the guidelines and best practices outlined in this guide, you can achieve a logo that enhances your store's aesthetic and performs well across all devices. h2 {color: rgb(var(--color-foreground));} Jan 5, 2022 · Solved: On the desktop mode it is perfect, however when I switch to mobile it is a bit too short, the issue is I can't change the width of the logo without it becoming massive on the desktop version. When determining the optimal size for your Shopify banner, there are a few factors to consider. Jan 9, 2025 · Always check your theme's documentation to select the optimal logo size based on its placement. How can I do it? Thanks, Donta Apr 3, 2024 · I have been given a licensed site to use for a new market but I have no options for a mobile logo size in the theme settings so it needs to be coded manually. Recommended image height: 100 pixels. Step 3: Save and reload home page. Use consistent editing for all your images Nov 13, 2022 · Heya all, I created a banner with 1500x400 size and it looks perfect on desktop. and i didn't like that so i added some code to the theme. Dec 14, 2021 · The typical logo image size that Shopify themes use is 450 x 250px, that may work in this situation. shopify. liquid or similar (it may vary Feb 4, 2023 · Hi, The logo on the mobile version of my website is very small and I'°d like to make it bigger. I just had a logo made. site-header__logo img { max-width: 250px!important; width: 250px!important; } I want 250px for desktop and 195px for mobile but it does both of them at 250px and its way too big for mobile Apr 10, 2023 · Hi @hasanali1,. Mar 3, 2022 · Hey, @morikins You can actually adjust the size of the logo without the need of code from within the theme customizer (Admin > Online Store > Themes > Customize > Header) by editing the 'logo width' in your header settings Well the logo is definitely too small when looking on a mobile device, even though it is set to maximize size in the settings. com regarding any help Shopify Partner website the image is full size and when i go to mobile its cut off Nov 29, 2024 · Shopify Design. Sep 13, 2021 · Hi, @freelancing123. Dec 10, 2024 · Step 4: Add CSS for Mobile Logo Size. Sep 10, 2021 · Hi, @freelancing123. Find the code below. Sep 17, 2024 · Yes, you can typically add a different logo specifically for your Shopify mobile theme. Oct 13, 2022 · I understand the issue of misalignment of the logo when it comes to smaller screens. I had this problem here is how I fixed it: figure out the height in pixels of your header section make it bigger if you need to so your logo is the desired height 3)size your logo so it is the same height as your header - width doesn't matter, only the height does (well I mean don't make it 3000px! Aug 17, 2023 · Do you mean the logo font size? If that so you can try this one. How do I increase the mobile logo size? currently its set to 150 30px . Mar 20, 2024 · 1. Changing the size of your logo on Shopify might seem like a daunting task, but it is relatively straightforward with the right guidance. Cropping the photo to be exactly around the text without the white space will allow your logo text to scale up as you increase the logo width slider in the theme editor. Oct 13, 2024 · The recommended Shopify picture size in this case is the minimum of 800 x 800 px to allow zoom. For Shopify homepage banners (hero banners), the ideal width is 1200-2500 pixels, and the height is 400-700 pixels. also, i want to maintain spacing on both desktop/mobile so that there is not huge space in between when adjusting padding. I used this code on my Dawn Theme (V3. Is there custom code to update both desktop and mobile? Oct 11, 2022 · Hi @catukf100 . The Shopify Logo’s maximum size is 450 x 250 px, as the sidebar’s width is 250 px. From the Admin page, go to Online store > Theme > Click the three dots > Edit code Jul 31, 2021 · Hey, my logo is too small on desktop and mobile found a way to change the size to make them larger using this code:. css->paste bellow code in bottom of file Jan 2, 2025 · Shopify Logo Image Size. I was doing some searching and found tutorial videos . ShopMyPleasure. Something like 175 pixels looks great on mobile (but is too small on desktop. Dec 25, 2024 · In 2025, seamless mobile experiences aren’t optional; they’re the expectation. css->paste bellow code in bottom of file Aug 19, 2024 · img. Paste the code below on the bottom of the file. For example, with the Brooklyn theme, you can use 1200×800 px images. So when you open the homepage the logo size is 370px and that’s good as it is. We're using Turbo theme - Portland. e Feb 16, 2021 · - Feel free to contact me on bamaniyaketan. But for pictures within your content, the better size is about 1000 x Mar 31, 2018 · I have a mobile logo separate from my desktop logo. On desktop the photo looks great! However, on mobile the photo is completely out of scale. When it comes to logo images, the largest recommended Shopify logo image size is 450 pixels in width by 250 pixels in height. scss. Feb 2, 2022 · Hey, @morikins You can actually adjust the size of the logo without the need of code from within the theme customizer (Admin > Online Store > Themes > Customize > Header) by editing the 'logo width' in your header settings Aug 20, 2024 · I'd like my logo to be a larger especially on mobile (it gets too small especially when scrolling). Your images should not exceed 4472 x 4472 pixels or go below 800 x 800 pixels - anything smaller than this will not allow zooming on product images. logo svg { width: 150px; /* Adjust this value for the desired size */ height: auto; /* Maintain aspect ratio */ } } Save the changes. Jul 2, 2023 · Today i will show you how to change logo size for mobile only in Shopify and resize the logo to be smaller or bigger for phone view only without applying the Nov 7, 2024 · This article will explore three approaches for logo optimization. Once this is adjusted, the settings should appear as: You can also reduce the default size of the mobile logo, since it’s likely that a smaller logo would be preferable on mobile. so its tiny 2x bigger would be great. Nov 30, 2024 · Shopify’s own website logo uses a longer 4:1 ratio. This standard size ensures your blog images look great on desktop and mobile devices. Using "Trade" theme. The maximum logo picture size available on Shopify is 450 pixels by 250 pixels. Right now, the name doesn't fit on the screen (mobile screen) in one line, and I want to make it small enough so it fits in one line. Dec 6, 2024 · Shopify image size FAQ What is the best size for product images on Shopify? The ideal size for product images on Shopify is 2048 x 2048 pixels for square photos. 0) and it worked perfectly - BUT I am currently in the process of working on the new Dawn Theme (V5. Thank you help any is really appreciated. motion-reduce { scale: 1. Banners and Sliders. Aspect ratio: 1:1, 2:3, 4:1. From your Shopify admin dashboard, click on "Online Store" and then "Themes". Use consistent editing for all your images Sep 28, 2023 · 1. Ive pushed the logo to the right with this code as it was off centre but it has also shrunk the logo. The square logo is 100 x 100 pixels, with 1:1 aspect ratio, while the rectangle logo is 400 x 100 pixels, with 4:1 ratio. patankar@gmail. header-logo img { max-width: 50%; max-height: 50%; } } Apr 10, 2023 · Hi , I see you have Dawn version 8. I see you have Dawn version 8. Any idea how to make 2 different Jun 5, 2024 · Solved: - I need some help reducing the size of my logo (although I'm not using an image just the store name text) for my mobile site as it covers two lines instead of one (for laptop its fine). When it comes to your logo size, you need to create two versions of the logo. Dec 5, 2022 · This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea: Add this CSS at the bottom. You cannot skimp on your logo’s image quality because it's essential to your brand identity. Keep this in mind when determining which size is perfect for your logo. I have tried adding code to the theme liquid as suggested in some other posts, but this then appears on the bottom of the site Oct 25, 2024 · 7. liquid under the Section folder. For multicolumn section you can use the size as per you need. For square logos, the best size is 100 x 100 px. This makes sense given that, in 2023, mobile web visits were more than three times higher than desktop web visits. You can also use other sizes, such as 320 x 50 (the standard size for mobile ads) or a custom size that fits your theme and design. You have to manage the size for mobile. Let's check one by one and learn some extra tips to maximize your logo in Shopify! Recommended Shopify Logo Size. Sep 5, 2023 · The maximum logo size advised by Shopify is 450 x 250 pixels. mobile-header__logo { width: 50%; } } Hope you find my answer helpful! Best regards, Victor | PageFly Oct 3, 2019 · You can simply add mobile_ to the beginning of the IDs. liquid or similar (it may vary Nov 30, 2024 · Shopify’s own website logo uses a longer 4:1 ratio. Feb 18, 2017 · I've been trying to enlarge the logo of our site when viewed on mobile phone but no code seems to work. h2 {color: rgb(var(--color-foreground));} Sep 15, 2022 · I have turbo portland theme. May 21, 2023 · just for your information, your mobile image has more white space around the actual image. Jul 31, 2023 · On that entrance page I have my logo placed in the center of the screen with an enter button. Thanks in advance! . Shopify logo size: 450 x 250px. Online Store ->Theme ->Edit code. json file under the Config folder 3. 2. This setting can be found in your Admin under Online store > Themes > Customize > Header > Custom logo width or Custom logo height. Use the optimal Shopify header image size if you intend for your logo to be displayed on it. co Sep 25, 2024 · To make your logo slightly bigger on mobile only, you can add custom CSS to your Shopify theme. Oct 28, 2024 · 1. css under assets in theme code files; May 18, 2022 · Shopify banner size: 1200 x 400 to 600 pixels. sky@gmail. BUT when i activate sticky - the header is cut (padding issue). Apr 10, 2023 · Increasing the logo size on mobile can be done in a few ways, depending on the platform or website builder you are using. While it isn’t required to be the exact size, make sure that your Shopify store’s logo does not exceed the width of the sidebar, which is 250 pixels. Replace it with the code below {% render 'logo-image' %} Sep 18, 2022 · Hi @imabyssal !. Page speed is a critical criterion when it comes to Shopify mobile optimization. And this is the code. header__heading-logo. The image banner size of 1600 x 1050 px can work better with the desktop. Shopify recommends the size for a logo image as 450 x 250 pixels, i. In most themes whether they are Shopify-based or third-party developed themes, logos will be resized by default when switching to mobile views, this is by design for the user experience. button--primary { padding: 0; } } And Save. Jan 7, 2024 · Hey Follow these Steps: 1) Go to Online Store 2) Edit Code 3) Find theme. According to Shopify experts, for almost all Shopify themes, 512 × 512 px is the suggested logo size. I have just come across this feed with the code you supplied above for increasing the HEADER Logo size on Dawn Theme. I've already set the maximum logo with to 250 px in the Customize header settings. This is much smaller than Shopify’s 450 x 250 px limit and ensures the logo doesn’t become distorted anywhere on the website. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of base. So this step, you can change the value of attribute "scale" to increase the size of logo. I see that it is not possible through the customize page. Ensure to have a recommended size, if smaller, it will be automatically compressed. Find the theme that you want to edit and click on "Actions" and then "Edit code". Shopify themes, liquid, logos, and UX I'm trying to enlarge the Facebook logo size in the Brand Information block in the Dawn Theme, I've tried Mar 17, 2022 · Hi, For Web version, logo sitting on the left which is good. Assets -> styles. If a blog is part of your Shopify store, the perfect size for the featured blog image is 1800 x 1000 px. - I'm also wondering if it's possible to reduce the size of a custom liquid file as I currently have a world clock that's Oct 3, 2019 · You can simply add mobile_ to the beginning of the IDs. Here’s how: Go to your Shopify Admin and click on Online Store > Themes. team@gmail. Apr 3, 2024 · I have been given a licensed site to use for a new market but I have no options for a mobile logo size in the theme settings so it needs to be coded manually. Dec 15, 2023 · I created a new SVG logo for my store header: custommattressmakers. However, there are often restrictions on the size or shape of the space the logo can occupy. This can provide a bit of a challenge if, for example, your logo is a square but the slot for the logo in the Shopify theme you’ve selected is more rectangular. Shopify mobile speed. header__heading-link . button. It looks great and the size is perfect. This implies that your logo image must be exactly 450 pixels wide and 50 pixels tall. Change the "max" to 500. Shopify Logo Image Sizes. But why stop at just resizing logos? Jan 2, 2025 · Shopify Logo Image Size. css under assets in theme code files; Jan 6, 2022 · What is the official Shopify logo size? Generally, Shopify allows images with a maximum size of 4,472 by 4,472 pixels and a file size of less than 20 gigabytes (20 MB). BUT you did help me solve another issue of mine which was the image (banner) not resizing when going from desktop to mobile. I copied the code from the desktop logo and replicated the settings for the mobile logo, however, the logo size isn't being taken from the settin Jul 22, 2024 · Mobile-friendliness is also a key search engine optimization (SEO) ranking factor because Google prioritizes mobile-friendly websites in its search results. header__heading-link:hover . Recommended image width: 100 pixels. The logo display width slider only goes to 205px. Stay in the same CSS file. Nov 30, 2024 · Shopify’s own website logo uses a longer 4:1 ratio. css file. liquid file 4) Ad d the following code in the bottom of the file above tag @media screen and (max-width: 767px) { . Here is a snippet of the code in the base. Se Jul 5, 2023 · I take out the padding inside the container of the logo, the padding can cause sinking in the size. Giving it a larger appearance. Create a snippet under the Snippet folder, name it "logo-image" 2. 37 Views Jun 5, 2022 · You can also add multiple Image Banners to your site. Sep 12, 2021 · So my logo was automatically positioned far to the left from my menu links. h2 {color: rgb(var(--color-foreground));} Oct 19, 2021 · The recommended logo size for all Shopify themes is 512 x 512 px. The best dimension for a 1:1 aspect ratio is 200 x 200 pixels . Can I Use A Transparent Logo On My Shopify Store? Yes, you can use a transparent logo on your Shopify store. The max Shopify logo size is 450 x 250px. css. Standard logo sizes for Shopify stores are: Jul 29, 2023 · Solved: Hi! The mobile view for my logo, and even my entire header, is far too large. Open the header. Sep 18, 2022 · Hi @imabyssal !. com , My timezone is GMT+5:30. I've Feb 23, 2022 · Shopify logo size: 512 x 512 px . Aug 25, 2023 · HOW TO CHANGE LOGO SIZE ON SHOPIFY FOR MOBILE ONLYhttps://pastes. Shopify themes, liquid, logos, and UX I can't figure out how to change my mobile logo size. This is iclude the tablet and mobiles devices. As a rule, Shopify permits images with a maximum size of 4,472 by 4,472 pixels and a file size under 20 megabytes (20 MB). css file to make it a little bit closer to my menu links. You can fix the following by adding a padding with the same size of the icon on the left . The slider doesn't seem to change the width of the logo at all. Sep 3, 2021 · Dear @Obvious84. If your logo appears in the sidebar, its size needs to be reduced based on the size of the sidebar. The template has desktop max set to 300px and I don't see a place to control mobile at all. shopify logo image sizes should be 450 x 250 px size. This allows you to have a logo optimized for smaller screens and better suits the viewing experience on mobile devices. Excursionist 74 0 10. Paste the SVG code you have. There is plenty of space between the logo and the hamburger menu icon. From your Admin Page, click Online Store > Themes >Actions Remember, large logo file sizes will negatively impact page load speed. It is the maximum logo image size that Shopify allows. Hence, choose the right logo size to show your brand looks more professional. header__heading-logo { width: 120px; height: auto; } } Optimizing the Shopify logo size is a key step in ensuring your store's branding is both impactful and visually appealing. Mar 20, 2024 · Most Shopify themes have a setting to adjust your logo size. Feb 12, 2022 · Hi @rosielou96 . Seems like there should be a way to increase the logo size on Mobile. Sep 13, 2023 · thanks for quick reply, but i am facing another issue here. is there any way, to move search and cart logo towards to far right(i don't mind if search and cart come close to each other. css . - the header and announcement is working perfect static and looks great on layout. Oct 11, 2022 · Hi @catukf100 . @media only screen and (max-width: 749px) { . They include: Store design Jun 18, 2023 · Hi, I want to increase the size of my mobile logo. On my website it looks great, but it gets cut off Sep 12, 2022 · @Alex---You need to add this code in the theme files. So i would like it to change to 100px as soon as it is not transparen That is way too big for a logo. 3. Hi, how to I change the size of our logo on mobile. When choosing a Shopify banner size, you will need to take your specific theme’s guidelines into account. Dec 26, 2024 · Shopify Mobile Logo Size Full Guide In 2025 [Recommended] Shopify Mobile Banner Size For Different Themes & Types 2025; 4. When I try to change the size of my logo (for mobile) nothing occurs. header__heading {margin-left: 30px;}} </style> Nov 30, 2024 · Shopify’s own website logo uses a longer 4:1 ratio. Jan 6, 2023 · Solved: Hi, I am having issues sizing a photo for the mobile homepage slide under the header. banner__buttons a. Jul 5, 2023 · Step-by-step guide to changing your logo size on Shopify. so I suggest you create a new mobile image without white space around the actual image. com For the logo to display correctly, we recommend a maximum width of 200px for desktop and 150px for mobile and a maximum height of 70px for desktop and 60px for mobile. 5. h2 { font-size: 20px !important; } } RESULT: If I managed to help you then, don't forget to Like it and Mark Sep 10, 2021 · Hi, @freelancing123. I’m Richard Nguyen from PageFly- Free Landing Page Builder . Mobile image size recommendations Choose the right image dimensions. liquid”. Otherwise, 450 x 250 pixels is a practical option to undertake. 431 Views 0 Likes Report. I uploaded it and it's showing very small for desktop and mobile. The logo isn't an image, its just the text (shop name). @media (max-width: 767px) { #mobile-header . I've searched the community, and although there's lots of help, some of the places where they say to inject the code don't seem to exist in the Crave theme. It's just too hard to read on mobile, it seems the height isn't high enough but cannot for the life of me see where to increase it. However, the size of the logo on mobile is very small. site-header__logo-image img { max-width: 500px !important; width: 500px; } Mobile Version If you need a different size on mobile, paste the code below on the bottom of the file. In the left sidebar, locate and click on Assets, then find the file named theme. site-header__logo-image img { max-width: 500px !important Jun 3, 2022 · How can I adjust the mobile logo size on my Dawn theme? HEALINGANDHER. Oct 23, 2023 · Logo Size. When setting up a Shopify store, choosing the right logo size is essential for ensuring a professional design across devices. The ability to assign a mobile-only logo, that has a different design than the logo used on desktop, is a frequently requested theme customization from clients. Dec 8, 2021 · Shopify Design. May 8, 2024 · Solved: I require help in resizing the logo for the mobile view of my website. How can I change the size of the button (device only)? @media only screen and (max-width: 989px){ . 4. This is PageFly - Advanced Page Builder. css->paste below code at the bottom of the file: @media only screen and (max-width: 767px) { . However, when we turn to mobile version, the logo sitting in the middle. The first one is a square size logo about 100 x 100 pixels size with 1:1 aspect ratio. Feb 14, 2023 · Here's how you can increase the size of the logo in the mobile view using CSS: Step 1: Go to Online Store->Theme->Edit code Step 2: Asset->/base. 0), as it offers a few more options in some areas which are more helpful, and tried to find increase the HEADER Logo size Jan 2, 2024 · Dear @Obvious84. I need to be able to reduce the logo size for the mobile view ONLY, or even the entire header contents for the mobile view only. ) Is there a bit Apr 24, 2024 · Hi @hasanali1,. The store is gotdripp. I need to make the width approx 220px. However, the quality will not be assured. On smaller mobile screens, many users appreciate being able to zoom in on an image. site-header__logo-image img { max-width: 500px !important Jul 12, 2024 · Solved: Hey, can anyone help me make my mobile logo smaller (but not the menu and cart icons smaller) as its currently too big and the methods I've tried have made the logo cover 2 lines instead of becoming smaller on the one singular line. Sep 9, 2015 · Most Shopify themes are designed to allow a store owner to upload a custom logo. Imagine someone visiting your Shopify store for the first time and seeing a blurry logo in the homepage’s header section; it's not a good look. Dec 21, 2024 · The recommended Shopify logo image size is 400 x 100 px, with a 4:1 ratio. This is due to the number of icons changes on the right hand side that makes the logo move to the left. Sep 15, 2022 · Hi , Kindly share your store URL, so that we can check and provide you with the solution. Dec 16, 2024 · The recommended Shopify banner size for mobile typically ranges from 640 x 360 pixels to 750 x 1334 pixels, ensuring that your images look crisp and load quickly on smaller screens. Nov 14, 2022 · Hello, I'm attempting to change the mobile image banner size since on desktop and full screen the banner I have looks wonderful. when i am increasing size of logo in mobile view, it is touching 'search' logo/option. So it doesn't seem to be working as designed. Recommended file size: 1 MB. expert. Oct 12, 2023 · Solved: Hi! im wondering if it’s possible to reduce the size of the mobile header? I have lots of black space around my logo and would like the header to be a bit smaller Preview link of my store is https://0q4y9pn25qi3so13-8439839. I've tried different versions of this but to no avail: @media (max-width: 360px) { . Feb 9, 2022 · Gotcha, I can see that the logo does have padding around the perimeter of the text. Note that I currently don't have a logo attached, its just shopify text with Hi. com and I'm using the Symetry theme. By mastering Shopify mobile logo size through Shopify’s theme editor or custom CSS, you ensure your store looks sharp, trustworthy, and ready to convert visitors into loyal customers. Shopify logo image size. Only when I use the mobile site the banner gets all cropped and is way too wide for such a small screen. How can I do it? Thanks, Donta Feb 12, 2022 · Hi @rosielou96 . 1. Here are some general methods to consider: Use CSS media queries: This is a common method used to adjust the size of elements on different screen sizes. My website URL is Homeschool-Teachers. In the Debut theme, you are enabled to change the width of your logo from 50px to 250px. Can I change my logo size (device only)? Please specify if you want it smaller or larger. Open up ‘theme. And this is how it looks in the desktop view. With that sai The 1200 x 600 size is not the only recommended mobile banner size for Shopify. com. Follow this: Go to Online Store->Theme->Edit code->base. and you can change the setting of image width from the customized screen for the mobile layout. . Here’s a step-by-step guide to help you resize your logo: Login to your Shopify admin panel and navigate to the “Themes” section. Looking into the options available using the Emerge theme , I noticed that this is a third-party theme that is designed and supported by Troop Themes . But on mobile, that looks WAY too big. The brand’s logo is visible across every page. Apr 14, 2023 · Solved: hi! i want to make the logo on mobile smaller, can someone help me with this? the logo on the desktop is perfect size, so only mobile needs to change. Dec 9, 2022 · hello! ok tried this but it does not work. Jan 29, 2021 · Shopify Community: Shopify Discussion: Technical Q&A: How can I resize a logo on a mobile site? Options. liquid’ or “theme. edgmd dettv amma xrrdzsj gavuu jizvkn clvgx ykfg actct vcvheu

Shopify mobile logo size. Recommended file size: 1 MB.