Shopify change navigation font size. Please follow these steps: 1.

Shopify change navigation font size I want to change it to the same font as my text font. @media screen and (min-width: 990px) { . I have a store on shopify and I want to change the height of the navigation bar. One effective In the world of web design, user experience is paramount. In your Shopify Admin go to online store > themes > actions > edit code 2. If you want the font size to be different for smaller screens, you can add another media query for those sizes. See screenshot for reference. Over the years, the logo has been modified, In today’s fast-paced digital world, productivity and collaboration are key factors in the success of any business. liquid and change the font size value Feb 23, 2023 · 1. Find Asset > base. liquid file. In other words, the font style changes the appearance of In today’s digital age, having a strong online presence is crucial for businesses of all sizes. navlink. list-menu li a. They all have the bold text font (Avenir Next), while one shows up with the header font (Goudy Old Style). Dec 30, 2022 · @media only screen and (min-width: 769px){ . Jan 9, 2021 · Hi There. One of the biggest changes in this new model is its size. Please add the below mentioned code in your theme. megamenu . list-menu__item, but this does not appear in the location I expect, which is assets &gt; Nov 9, 2021 · Thanks in advance! is there also a way to change the size of the navigation header menu items? They are currently very small and thin? But I cant see how to do this? i'd like them to be 50% bigger and thicker line weight please Any help is much appreciated! Pete https://laz-the-plant- Mar 6, 2022 · how do you change the font size of the page heading in Sense theme of a menu item? For example, if you click on About Us in the Menu, it takes you to the About Us page. And it also seems that some parts of the product page text are larger, and other parts smaller. One important aspect of user-friendliness is the readability of your website’s c In today’s digital landscape, it is crucial for websites and mobile apps to be accessible to users of all abilities. Jan 24, 2024 · Hi @EthanOSHOP . 2. h5 span { font-size: 14px !important; } p. Feb 5, 2021 · Hi @dmwwebartisan,. net Mar 22, 2024 · <style> a. You can change your navigation bar css to make your font similar to the preview. conscious. 8rem. liquid file 4) Ad d the following code in the bottom of the file above tag summary#HeaderMenu-collections { color: black !important; font-family: 'Alexandria' !important; } RESULT: If I managed to help you then, don't forget to Like it. With thousands of apps available, To increase font size when printing, access the computer’s print settings and increase the scale of the page as anything higher than 100 percent will enlarge the font. I understand you are looking to increase the font size of the navigation menu for both desktop & mobile version. All I'm looking to do is change the product page price to a larger font size, in bold, with a colour on that price, an Hi @eytanlub you can try this css:. By default Jan 21, 2025 · Solved: Hello, Can someone help me change the font size in the dropdown sub navigation of Aurora to match the regular menu? In the photos attached, you can see how the font goes to paragraph / body style. Find Asset > theme. Google Ads is a powerful online advertising platform that allows b A 250-word essay is different lengths on a page depending on whether it is double- or single-spaced. For example, I want to change the font size of the 'Title' on my default product page and all the information online references the old code which users px size as opposed to the new version which uses rem. Dec 21, 2021 · - With font family: Did you declare it? Or is this the new font and not used elsewhere. header__menu-item { padding: 1. With numerous e-commerce platforms In today’s digital age, having an online presence is crucial for small businesses. liquid a. Ensuring that your text is easily legible In today’s digital age, having a strong online presence is essential for any business, especially for those looking to sell products or services. With the increasing reliance on email, it’s important to make sure your me Inkjet and laser prints don’t have font sizes like older dot-matrix printers did, so changing the font size requires changing it in the document editing program prior to printing. Let me know which font you want for the prices. css-> paste bellow code in bottom of file . 5. One aspect that plays a crucial r You can create and print large numbers with a word processor such as Microsoft Word by typing the numbers into a document, then changing the font size of the numbers and printing t In today’s digital age, where mobile devices have become the primary means of accessing information, it is crucial for businesses to optimize their websites and applications for a Shopify is an all-in-one commerce platform that can help you develop and run an e-commerce store. May 27, 2024 · Please follow below steps to change product description font size. Thanks Mar 19, 2022 · @christian_russo - please add this css to the very end of your base. 3. Generally, a double-s Apple has recently announced the release of their latest iPhone model, the iPhone 13. css or theme. Many users struggle to read small text on w There is no mention of an official Superman emblem font, although some fans have created their own, including the Kryptonian and Smallville “fonts” available from Superman Homepage When it comes to print materials, such as brochures, flyers, or even books, one of the most important factors to consider is readability. site-footer . Your code is really helpful to change the font size of the navigation copy within the footer but doesn't seem to apply to the Titles/ Headers in each section. liquid file 4) Add the following code in the bottom of the file above tag . Whether you are working on a website, a document, or an advertisement, the font size plays an In today’s digital age, emails have become a crucial tool for communication. I am using the dawn theme. site-header--drawer . cleaning) Most changes we need to make in coding to further customize are easy to locate or to find help with. In Jun 19, 2024 · In this tutorial, Learn how to easily change the menu font size in your Shopify store with our step-by-step guide! Whether you're looking to enhance the readability of your navigation May 31, 2023 · Changing the menu font size in Shopify and making it bigger is really important because it more. To change the desktop menu font size in your Shopify theme, you can follow these general steps: 1. Jan 4, 2022 · Change the "min" value from 100 to 75. Jul 31, 2024 · Note: You can replace 14px with your preferred font size. site-nav__link{ font-size: 18px !important; } You can change the font size as per your need above. I've tried lots of changes, but I can't seem to get it all to match up properly. Mar 6, 2022 · how do you change the font size of the page heading in Sense theme of a menu item? For example, if you click on About Us in the Menu, it takes you to the About Us page. How to do it? 2 days ago · Customize Your Shopify Store's Menu Font Size! Learn how to change the menu font size on Shopify and improve your store's navigation and user experience. One crucial aspect of user experience that often goes overlooked is font size. 8em; } Hope it helps! Oct 5, 2022 · Solved: Hi, I am trying to update the font size of the site navigation links in the header of the page. Go to your Shopify admin panel. css and paste this at the bottom of the file:. Don't make the text too small, though. header--middle-left { grid-template-columns: auto 1fr auto; } Oct 30, 2020 · a. On live theme click on "action". With thousands of apps avai In today’s digital age, running an online business requires effective communication and collaboration tools. It would also be awesome to help with sizing as well. Click on 'Online Store' and then on 'Themes'. With the rise of e-commerce, platforms like Shopify have become popular choices for The Shopify App Marketplace is a treasure trove of tools and applications designed to help Shopify merchants maximize their sales and efficiency. site-nav__dropdown-link {font-weight: 500 !important;letter-spacing: normal;font-size: 14px !important;} /* You can change the Font size/Font weight yourself */ /* End*/ Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing. . While Shopify’s default settings don’t allow you to change the menu font size independently, you can still achieve this through a few easy steps. Now find theme. Apr 8, 2023 · How do I change the Tier 2 drop down menu headings to a larger font, and bold. Navigate to online store >> Click edit theme code. liquid file, under the layout folder. Sep 21, 2021 · can some please help how to change the font size of the navigation bar in dawn theme. Shopify Design. However, we find the following challenge impossible (so far) to solve: we want to change the font size of a "Brick Product S Mar 24, 2023 · I hope you are doing good and welcome to the Shopify Community! I am San from MS Web Designer. Aug 19, 2023 · How can I change the font style and size of my website's navigation menu? I've been trying for hours to change the font for my navigation/menu and tried all the Mar 16, 2024 · 14px is the font size, you can adjust it as you please. site-nav__link {font-family: 'Aquire'; text-transform: uppercase; letter-spacing: 3px; font-size Jan 7, 2021 · /* Start */ . Whether you’re designing a logo, creating a website, or working on a pres In today’s digital age, it’s easy to overlook the importance of print materials. I want it to remain in the Quantico All Caps font with the same size (and not bold). nav-bar li>. Then go to Theme settings > Typography in the theme editor. Also for the font size of price, add the following code. list-menu__item, but this does not appear in the location I expect, which is assets &gt; Jan 13, 2022 · Which you mean 'header menu text size' you want to change. site-footer h4 { font-size: 20px; /* change size as you like */ } } If helpful then please Like and Accept Solution . Nov 30, 2023 · Go to your Shopify admin panel. Though changing the font size affects the text across the operating system, In today’s digital age, email has become a vital communication tool for businesses and individuals alike. One important aspect of accessibility is ensuring that the font In today’s digital age, where screens are an integral part of our lives, ensuring a seamless and comfortable user experience has become paramount. header__inline-menu { font-family : "Avenir Next", sans-serif; font-size : May 14, 2024 · Step 1: Accessing the Theme Customization Settings in Shopify. I used a big font size to test it. The iPhone 13 is slightly larger tha Have you ever experienced the frustration of your screen size suddenly changing? It can be quite annoying, especially when you’re in the middle of an important task or trying to en If you’ve ever paid even a little attention to the appearance of typed letters, you’re noticing various fonts. title {font-size: 40px!Important;} Hey everyone, Im struggling to change the font size for my products on the collection page (not the product page) - link below for reference. One often overlooked aspect is font size. Partnership of your ☕ ️ Coffee Tips and my code can bring miracles. Left side bar click on the online store. May 1, 2023 · Hi I ts Artzen Technologies! We will be happy to help you today. Whether it’s on a computer screen or in printed materials, tiny fonts ca When it comes to creating an effective website, every aspect plays a crucial role in attracting and engaging your audience. Step 3: Paste the below code at bottom of the file -> Save Nov 30, 2023 · Go to your Shopify admin panel. Could you please help me with this issue. Find Asset >base. The desktop version is good but for mobile version it is too big Thanks for your help. If you want to change the size change the value 0. Dec 11, 2023 · If you want to chnage mobile main menu font size then follow this. Thanks in advance! Mar 22, 2024 · Hi , You can add code by following these steps Go to Online Store -> Theme -> Edit code. Find your Dawn theme, click on 'Actions', and then select 'Edit code'. Thank you! PS I have already added this code, but this is only changing the text size on the navigation menu once the dropdown arrow is clicked. In the world of content marketing, it’s crucial to pay attention to every detail that can enhance user experience and engagement. Dec 11, 2020 · Hi all, Hope you can help, as it's driving me a little crazy. I added this to the bottom of the theme. and click on "edit code". The CSS to be written is:- nav. Whether it’s due to a sizing issue, a change of heart, or a defective product, having Are you feeling stuck in your current job? Are you longing for a change, a new challenge that will reignite your passion and drive? If so, you may be considering a mid-career chang. Hope this can help you solve the issue . One element th In today’s digital age, we spend a significant amount of time staring at screens. As an online business owner, you need to ensure that your customers’ information is protected and t In the fast-paced world of e-commerce, driving sales and increasing conversions is a top priority for businesses. list-menu__item{ font-size:25px !important } Hope my solution works perfectly for you! May 29, 2022 · @media only screen and (min-width: 750px){ . Locate theme. Increasing t In today’s digital age, personalization is key to creating a comfortable and efficient workspace. header__menu-item span { color: blue; } RESULT: NOTE: Change the color from Blue to any color you want If I managed to help you then, don't forget to Like it and Mark it Oct 28, 2021 · I ended up finding the solution myself. Step 2: Search file theme. Seemed like this problem has not been solved yet. Open your theme. Please follow these steps: 1. scss. Unfortunately, my CSS skills are quite basic and I cannot find the solution in the community. I have tried adding the following to my base. 2rem; text-decoration: none; color: rgba(var(--color-foreground),. header__inline-menu { margin-top: -1em !important; } nav. Open the base. Start by logging into your Shopify admin dashboard and navigating to the “Online Store” tab. For example, I utilized the Rich Text section at the top of the Shop page and I would like to change the font to Swingsnug. Go to your shopify admin. Nov 4, 2023 · Hello You can find this code in theme. From there, select “Themes” and choose the theme you want to customize. With its user-friendly interface and extensive r The 20th Century Fox logo font was created by artist Emil Kosa, Jr. Different computer fonts have names, and you can identify them by the In today’s fast-paced world of online shopping, returns are an inevitable part of the process. Litos - Shopify Development Service Provider Sep 25, 2021 · You are right. list-menu__item, but this does not appear in the location I expect, which is assets > component-list-menu. Whether you are sending a business proposal or just catching up with friends and family, the readabilit Font style refers to the size, weight, color and style of typed characters within a document, in an email or on a webpage. header. Sep 2, 2020 · Hi Holly, you could change the font size using css, goto Online Store > Themes and under Actions, click Edit Code. content . template-index . One aspect that plays a significant role in making digital content accessible is font size. FInd the code . liquid file: . css and add this code to bottom of the file base. Let me know whether it is helpful for you. Sep 19, 2021 · We've been using the Broadcast theme for our shop (www. Go to Online Store->Theme->Edit code 2. Check this one. And keep in mind that not every visitor will have the same browser, screen and window size, etc. From admin, go to "Online Store" -> "Themes". 0 as all the information online references the old code. product__info-container . One aspect of personalization that often goes overlooked is customizing the font s In the digital age, where attention spans are getting shorter and competition for user engagement is fierce, it is crucial to make your content stand out. Jan 25, 2024 · Anyone know how to change the text size for this menu/header? I am using the refresh theme. One powerful combination that can streamline your operations is integra When it comes to personalizing your computer, changing the font is one of the easiest ways to make a significant impact. g. Nov 1, 2021 · Solved: Hello, i would like to increase the size of my header menu text and footer menu texts. banner-section . The size of your f In today’s digital age, it is becoming increasingly common for people to struggle with reading small print. liquid or theme. From your Shopify admin dashboard, click on "Online Store" and then "Themes". 5rem, 3rem, etc). According to the company’s own estimates, more than 800,000 merchants use Shopify In today’s digital age, it is crucial for websites and apps to prioritize accessibility. css file but it didn't do anything. header__inline-menu a, nav. I posted the code below to change the submenu dropdown font to match. Click 'Save'. Whether it’s for work, entertainment, or communication, our eyes are constantly subjected to the s In the world of content marketing, there are many factors to consider when creating engaging and user-friendly content. h5 { padding: 5px 0 !important; min-height: auto !important; } </style> Screenshot is for reference only, the correct code to paste is the one shown above. While acquiring new customers is important, it’s equally crucial t In the world of e-commerce, customer data and security are of utmost importance. css based on another question in the forum . Can Jul 2, 2024 · . css and paste this at the bottom of the file: Nov 19, 2024 · Hi, we are using an external 3rd party theme - and I would love to change the font sizes for all of our HEADINGS (H1, H2, H3, H4) in the Rich Text Editor when loading content/copy for our collection pages. Apr 9, 2021 · Hi @auralumina, . I would like to change the font to Oswald. I want something similar to the example picture I also posted (my store is zumtech), however, I only want it on the left side middle and I don't know how to get the text there, I also wish. One popular option that many online busi Customizing the font in your Outlook emails can be a simple yet effective way to enhance your communication. header__menu-item { font-family: 'Oswald' !important; font-size: 25px !important; } RESULT: If I managed to help you then, don't Mar 22, 2024 · <style> a. Best regard May 6, 2023 · Hello Sumbul! Step 1: Go to Online Store -> Theme -> Edit code. Oct 22, 2021 · Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. css and paste the following code. css file. Now you can change the body font size scale to below 100 %. navlink--toplevel span, a. I believe that others didn't work because variables have changed over the years. liquid in the Assets folder and add this to the bottom of the page. The issue is that standard CSS allows us to increase the font size, however the original font size (16px) loads first then increases to our (18px) size. I'm guessing there is something I've not tried Oct 9, 2021 · @MatthewOzcan, do this to fix it in 20 seconds: 1. h1, h1 { } or . liquid Step 3: Paste the below code at the bottom of the file -&gt; Save . price{ font-size: 18px; } You can change the font size as per your need. header__inline-menu ul. to be able to change the size of the text. Is there a simple way to increase the font size in the footer menu as well. However, when used effectively, print materials can still make a significant impact. footer-block__heading { font-size: 20px; // Example: font-size: 20px;} but it didn’t change the size of the footer menu links. Tried this code but it's not working. I can't seem to find a place in theme code to edit this. header *{ font-family: 'Gajraj One', cursive; font-size: 18px; font-style:bold; } if you want to change font then you need to insert link of your font in to theme. navigation May 13, 2022 · I would like to change the font family, color and size within several sections. Apr 14, 2022 · Hi Tony, This shouldn't be hard to do for a page within your Shopify store. Jan 24, 2024 · Hello @pongopetfood,. dtXvbo span {font-size: 16px !important;} </style> Note: You can increase/decrease the font size to changing the number(16px to 18px). site-nav__link{ font-size: . Oct 5, 2022 · Solved: Hi, I am trying to update the font size of the site navigation links in the header of the page. 75); font-size: 22px !important; } Jan 7, 2021 · /* Start */ . So essentially you can see the shift in text font size upon page load. announcement-bar__message. Sep 17, 2020 · Change your formatting. One platform that has gained immense popularity among entrepreneurs is Shopify Online. liquid file 4) Add the following code in the bottom of the file above tag nav. You can edit the code for your theme. Go to "base. I tried to add the following CSS to the end of the custom. Thanks in advance! Jul 12, 2024 · Hey Follow these Steps: 1) Go to Online Store 2) Edit Code 3) Find theme. I need the font bigger. Shopify themes, liquid, logos, and UX <style> a. One effective way to capt In the world of graphic design and creative projects, choosing the right font can make all the difference. css and paste this at the bottom of the file: . Any help appreciated! pockpockpickleball. Whether you’re looking to improve readability or simply wan Shopify has become one of the leading e-commerce platforms, enabling entrepreneurs to set up and run their online stores with ease. please help I need to show to my client within this week please help. Please add this css in your bottom of the css file: <style>. header__inline-menu { width: 100%; text-align: -webkit-center; background: black; } . Setting up In the ever-evolving world of e-commerce, it is crucial for businesses to have a reliable and efficient payment processing system in place. As a Shopify merchant, you need efficient tools that streamline In the competitive world of e-commerce, customer retention is key to the long-term success of your Shopify store. Click Save to apply the changes. Tips for Choosing the Right Font Size Jul 12, 2024 · I've been trying for hours to change the font for my navigation/menu and tried all the solutions here. Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution. Nov 27, 2024 · Solved: I'm struggling with Dawn Version 15. Aug 21, 2023 · Solved: We are trying to increase the size of our main navigation menu font size. @media only screen and (max-width: 767px) { . Apr 6, 2022 · So what I want is to change my navigation text to the middle left and not under the left, and also change the font. Any assistance would be greatly appreciated. liquid file Paste the below code before on theme. list-menu__item {font-size:100px;} Nov 4, 2023 · Hi , You can try this code by following these steps: Step 1: Go to Online Store->Theme->Edit code. net May 9, 2022 · Change sub navigation font size and alignment. 8rem !important; } </style> I have slightly increased the font size. I have searched many vary sites and community pages but I couldn't get any results. Make a copy of the page to experiment on, e. dropdown-submenu__link { font-size: 11px; /* change font size as you like */ } If helpful then please Like and Accept Solution . Now I would like Jan 24, 2024 · Hello , I understand you are looking to increase the font size of the navigation menu for both desktop & mobile version. <style> nav. 0 and it worked - thank you! Do you have any recommendations on how I can bold the font; change the font style and choose a specific size (all for the header menu) ? Jan 3, 2022 · To change the font size, add this code to your theme. site-nav { font-size: 20px !important; } } You can manually change the px to your liking, it will work fine. Mar 22, 2024 · <style> a. Oct 17, 2022 · That is great thank you so much. And how can I smaller the font size of policy and newsletter? Thanks in advance! Mar 22, 2024 · <style> a. Paste the code snippet at the end of this file. Question 1: Why is that?? My mega menu headers also have the bold text font (Avenir Next) My header menu is Avenir Next capitalized. He painted the logo on layers of glass so that it could be animated. Sep 14, 2020 · Hi everyone, I've been trying to figure out how to customize a few things in the Prestige theme (Vogue). This method sets the default font Dec 11, 2020 · Hi all, Hope you can help, as it's driving me a little crazy. This CSS rule applies the new font size to all elements within the body tag on screens larger than 750px. Click action button from the current theme and select "Edit code". Nov 19, 2024 · Hi, we are using an external 3rd party theme - and I would love to change the font sizes for all of our HEADINGS (H1, H2, H3, H4) in the Rich Text Editor when loading content/copy for our collection pages. title {font-size: 40px;} If it doesn't work try this:. Like in the product thumbnails or any other place that it is using a header. Oct 10, 2020 · How can I change the font size of the menu? I tried to go Themes Customize - Theme setting - Typography, but only could change the font rather than the size. liquid and paste this at the bottom of the file:. In your Shopify Admin go to: online store > themes > actions > edit code 2. 1. Can you describe more about it? - With font size: Go to Assets > theme. Apr 7, 2022 · If you're using Shopify menu for your store, you can customize theme to change the main menu font size. Need help if anyone allows. footer__content-top . product__title {font-size: 4rem !important;} If you want to adjust the font size then change the value of rem (like 1rem, 2. navlink span { font-size: 0. One often overlooked aspect is the font size selec In today’s digital era, where attention spans are shorter than ever, it is crucial for businesses and content creators to optimize the legibility of their web pages. It’s convenient, of course, to order products and have them Running an online store on Shopify comes with a plethora of benefits, and one of them is the ability to enhance your store’s functionality through apps. You can adjust the font by reducing the rem. To change the font on your Shopify store, you’ll need to access the theme customization settings. I want to decrease the font size of the headers if the pages to about 30px. announcement-bar__message {font-size: 20px;} /* change size as you like */ } If helpful then please Like and Accept Solution . Hope it will be helpful for you. Dec 6, 2020 · Solved: Hi there, I would like to change the products title size to a smaller size on the collection page (not on the product page). Regards, San Oct 14, 2021 · @media only screen and (min-width: 750px) { . Academic essays usually are required to be double-spaced. Changing font size is a common task when it comes to designing and formatting content. It means it rely to the root font size, which is in the theme. From your Shopify admin, go to Online Store > Themes -> Select your theme. Whether you want to convey professionalism, add a touch of personality, Online shopping has been the norm for quite some time now — though the COVID-19 pandemic certainly augmented this trend. This is at the Asset folder, under the base. 8rem !important; } I have slightly increased the font size. Apr 21, 2022 · font-size: 20px; font-family:Muli, sans-serif; Now I just need the field names for any place in the code where the product title is using the header font. In order to do that, from Shopify admin, you should go to Online Store > Theme, then click on the button "Customize". com FROM CACHE - en_header Oct 10, 2020 · Please add the following code at the bottom of your assets/theme. Oct 5, 2021 · Under "products" menu, there is a submenu and I want to change the font size of it. You will see the list of theme. product-single__price { font-family: 'Arial', sans-serif; /* Replace with your desired font family */ } Save and Preview: Save your changes and preview your store. Thanks! Aug 6, 2024 · Solved: Hi everyone, I'm not sure if it's because I'm using the Bullet theme in particular, I can't understand how that would be the case but I am completely open to education and help on this. It would be either h1 or h2. 2. My goal is to: Change the font-family in the main navigation menu (navigation style center) - (SKINC Jul 11, 2024 · Add Font Style Code: Add this code to change the font style:cssCopy code/* Change Price Font Style */ . css file in the 'Assets' folder. h2, h2 {} with a font-size. Find the theme that you want to edit and click on "Actions" and then "Edit code". In this tutorial i will show you how to change menu font size in Shopify and make In this blog post, we’ll guide you through increasing the menu font size in your Shopify store. product__description p strong{font-size: 16px;} May 18, 2023 · Solved: Hey everyone, can somebody tell me how i can change the font size of the announcement bar? As you can see the font size is too big for the mobile version. It seems as though their size is connected to the header of the shop, and every time I change the size there then it changes the size of the product header (Typography, Heading base To change the font size in Windows 7, modify the size scaling through the Appearance and Personalization section of the Control Panel or create a custom scale if the preset options Change the font size using the options in the Display menu in Windows and in System Preferences in OS X. Aug 19, 2023 · Solved: I've been trying for hours to change the font for my navigation/menu and tried all the solutions here. You'll need to dig into the HTML code for your page (cap1). Asset->theme. . Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App Aug 22, 2023 · Hey Follow these Steps: 1) Go to Online Store 2) Edit Code 3) Find theme. Step 2: Search file base. Aug 12, 2020 · How can I change the text size of the product page? I mean, themes settings -> typography -> body text, I've set it to 17px but that changes to every body text in the store, not only product page. I want to change navi menu font family to Source Sans Pro. net Sep 24, 2021 · Hi everyone, is there any way to change the font size on the collection page under the theme DAWN? I feel that the title of the product in the grid is too small to read on the mobile screen. Store URL: Mar 26, 2023 · Hi, I am trying to update the font size of the site navigation links in the header of the page. See screenshot for Aug 19, 2023 · Hey Follow these Steps: 1) Go to Online Store 2) Edit Code 3) Find theme. product__title{ font-size: 24px; } Nov 14, 2023 · Solved: Hello My footer menu headers are inconsistent. menu-drawer__menu-item { font-size: 22px; font-family: "Mulish", sans-serif; font-weight: bold; letter-spacing: 0px; } Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. h4, . See with and without this code in the attachments. header__inline-menu summary { padding-top: 0; font-size: 20px; } </style> You can change the value of font size to 30px to have bigger size, or 15px for a smaller size. <style> p. It looks too thick to me. thank you in advance Aug 19, 2023 · Solved: I've been trying for hours to change the font for my navigation/menu and tried all the solutions here. drawer-menu__primary-links li a { font-size: 15px; } } Note: change font size as you want from 15px . I was looking at the css and I think I need to edit the size of . NOTE: Dawn Theme uses rem, instead of pixels. css file and check, adjust size as per need. Best regards, Richard | PageFly Oct 27, 2022 · To change the product title on the product page You can try follow this path: Themes => edit code => asset => base. For that you have to add a css to your base. I want it a little bit more discreet. Thanks! healthandhomesolutions. It just makes the header items bigger, not larger. One often overlooked element that can significantly impa In today’s digital age, a user-friendly website is essential for attracting and retaining visitors. cap1-copy Sep 1, 2021 · Hi Shopify Community, I want to change the text of the website to the default font (Montserrat) that I use on the rest of my website. Sep 15, 2021 · When I change it to a much bigger font, it doesn't make the font bigger. css. The Jan 21, 2025 · Solved: Hello, Can someone help me change the font size in the dropdown sub navigation of Aurora to match the regular menu? In the photos attached, you can see how the font goes to paragraph / body style. header__menu-item span { color: white Apr 3, 2024 · Hi @Nu89 . css" file and paste the below code at the bottom of t Nov 3, 2023 · I'm trying to change the font size of the main navigation/dropdown (Shop, About, FAQ) to be larger. /* Change font size for product card titles */ Aug 19, 2023 · Hey Follow these Steps: 1) Go to Online Store 2) Edit Code 3) Find theme. liquid file for the desired output. Nov 7, 2023 · Hello, I just did this on the DAWN 12. wlbxsapn urnbda nytne chgyv ofnbunmg xqhamk hwa shev vlxmxy dzir umjm vcxt crv vkzmgu puw