How to line up Shop, Search, and Login icons in Header (Blockshop Theme)

Shopify Discussion

Topic summary

A user working with Shopify’s Blockshop theme is experiencing a layout issue where the shopping bag icon appears on a separate line from the search and login icons in the header.

Current Problem:

  • Desktop: Shopping bag icon sits below the search and login icons instead of aligning horizontally
  • Mobile: Similar misalignment exists
  • User included screenshots showing the current layout on both devices

User’s Questions:

  • How to align all three icons in a single horizontal line
  • Whether custom CSS is required
  • What specific CSS code would fix this
  • How the solution would affect mobile display

Status: A community member has responded offering to help once the site URL is provided to diagnose the specific issue. The discussion remains open and awaiting further troubleshooting.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hi I’m on the Blockshop theme and I’d like for these three icons to be all in one line. How do I move the Shopping Bag icon up next to the other two? Do I need to use custom CSS? And if so what would that CSS be and how will it be reflected on mobile?

Here it is on desktop:

header icons.png
header icons.png310×203 1.58 KB

Here’s what it looks like on mobile currently:

mobile.png
mobile.png435×189 7.16 KB

1 Like
2

@mrrose
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.