help to adjust the header for Desktop, namely to place the “search bar” and “icons”
Topic summary
A user seeks help repositioning the search bar and icons in their desktop header layout.
Proposed Solution:
A support representative provides two methods to adjust the header:
Method 1 (CSS Editing):
- Navigate to Admin → Online Store → Themes → Edit code
- Locate the base.css file
- Add custom CSS code at the end of the file to modify header elements
- The code includes styling for border-radius, background-color, and font-size properties
Method 2 (Theme Customization):
- Access Admin → Online Store → Themes → Customize
- Find the footer section where font size adjustments can be made
Screenshots are included showing the exact locations in the Shopify admin interface where these changes should be made. The discussion remains open with no confirmation yet on whether the solution resolved the issue.
Hi @AntonysaleBK ,
You can refer to the following methods:
Method 1:
- Go to Admin → Online Store → Themes you want to edit → Select Edit code
- Find the bass.css file and add the following code at the end of the base.css file => then Save
.newsletter__subheading p {
font-size: 2rem !important;
background-color: #c0c0c0 !important;
border-radius: 10px !important;
}
Method 2:
- Go to Admin → Online Store → Themes you want to edit → Select Customize
- Find the footer section where you can adjust the font size
1 Like