I want the text “Country” to be under the menu drawer and not next to it.
Because I want to change text to Language instead of Country. When I do that the logo moves to the right because the word Language is longer.
Topic summary
A user is experiencing a layout issue on their Shopify store (shilag.com) where they want to reposition text labeled “Country” to appear below the menu drawer instead of beside it.
Current Problem:
- When attempting to change “Country” to “Language,” the logo shifts to the right because “Language” is a longer word
- The desired layout has the country/language selector positioned underneath the drawer menu rather than adjacent to it
Attempted Solution:
The user tried adding CSS code to the base stylesheet:
- Used
header-drawer:afterwith a content property - Applied flexbox display with center alignment
The discussion appears to contain corrupted or encoded text in parts of the posts, making some technical details unclear. The issue remains unresolved with no responses from other community members yet.
I used this in the base css
header-drawer:after {
content: “Country”;
}
header-drawer {
display: flex;
align-items: center;
}