Hi. Could anyone help me. I’m working with the Shara Theme and would like to make the larger in the header section larger. Any way to do that
1 Like
To make the logo larger in the header section of the Shara theme, you can follow these steps:
-
Log in to your Shopify admin panel and go to “Online Store” > “Themes”.
-
In the Themes section, click on “Customize” for the Shara theme.
-
In the theme editor, look for the “Header” or “Logo” section.
-
Depending on how the theme is structured, you may have different options to modify the logo size. Here are two common approaches:
a. Logo size adjustment through theme settings:
- Look for a specific setting related to the logo size or header layout.
- Check if there is an option to adjust the logo width or height.
- Modify the value to increase the size of the logo.
- Save the changes and preview the header to see if the logo size has been updated.
b. Logo size adjustment through custom CSS:
- Look for the option to add custom CSS in the theme editor.
- If available, open the custom CSS section or find a similar option.
- Add the following CSS code to adjust the logo size:
.header-logo img {
max-height: 100px; /* Adjust the value as needed */
}
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset → base.css and paste this at the bottom of the file:
.site-header__logo {
width: 200px; /* Increase this value to make the logo larger */
height: auto;
max-width: 100%;
}
Can you provide the store URL?