We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Bullet Theme - How can I adjust the size of my logo and icons without altering the header bar?

Solved

Bullet Theme - How can I adjust the size of my logo and icons without altering the header bar?

ouani
Tourist
12 0 2

i'm trying to change the size of logo on header without affecting the width of the header. 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
12073 2359 2539

This is an accepted solution.

Please crop your logo to remove the blank at the top and bottom so you can increase its size. Then, add this code to Custom CSS in your Online Store > Themes > Customize > Theme settings, and increase the size of the icon without affecting the height of your header.

Screenshot 2024-07-30 at 09.54.28.png

.main-header header .accounts a.no-style { padding: 0.4rem; }

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Hi @ouani 

Could you share your store URL?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ouani
Tourist
12 0 2
Dan-From-Ryviu
Shopify Partner
12073 2359 2539

This is an accepted solution.

Please crop your logo to remove the blank at the top and bottom so you can increase its size. Then, add this code to Custom CSS in your Online Store > Themes > Customize > Theme settings, and increase the size of the icon without affecting the height of your header.

Screenshot 2024-07-30 at 09.54.28.png

.main-header header .accounts a.no-style { padding: 0.4rem; }

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ouani
Tourist
12 0 2

Thank you very much. That worked. 

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

You are very welcome! 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.