Change Alignment of Header Menu - Sense Theme

Store Design
, , ,

Topic summary

A user is trying to align two header menus to the bottom in the Shopify Sense theme, but changes aren’t working as expected. They’ve shared a screenshot showing the current misalignment.

Responses received:

  • Multiple support teams (GemPages, BSS-Commerce, PageFly) requested the store URL and password to investigate
  • User provided credentials: hummingbirddirect.com with password 10751

Proposed solution from PageFly:

  • Navigate to: Online Store → Theme → Edit code
  • Open: Assets → base.css
  • Add CSS code at bottom of file targeting header alignment with align-items: end property
  • Code includes media query for screens with minimum width of 990px

The discussion appears ongoing, awaiting implementation or further troubleshooting of the suggested CSS fix.

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

How do I get these 2 menus in the header to align to the bottom? No matter what I change, they stay in the same position.

Capture.PNG
Capture.PNG1082×153 24.3 KB

2

Hi @ebo8302

Can you give me your page URL (with pass if your store password is enabled), so I can check it and maybe give you a solution?

Kind & Best regards,
GemPages Support Team

3

hummingbirddirect.com

password: 15701

4

Hi @ebo8302

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

5

Hi @ebo8302 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

@media screen and (min-width: 990px) {
    .header {
        align-items: end !important;
    }
}

PageFlyRichard_0-1678117887380.png
PageFlyRichard_0-1678117887380.png1339×286 36.1 KB

I hope it would help you
Best regards,

Richard | PageFly