Hi everyone,
I successfully moved and aligned the language + currency selectors in the header next to the cart.
But I have 3 issues:
On product pages (not collections) : image + desc completely overlap with header at the top
In the header : main menu items (SHOP, ABOUT, etc.) are not aligned with logo anymore → pink signs
On the mobile version, it’s not displaying well, the buttons mess with every page
I would also like to have those language/currency buttons with NO background color and NO outline (here language buttons are white background and black outline).
Theme: Dawn 6.0.2
Preview link: https://sck2u7713fsepe15-66207744226.shopifypreview.com
Thank you so much for the help,
Pauline
Hello @contactdaiquiri
Try this code: i will be helpful to you-
Go to the online settings>Theme>Edit code>Assets>base.css>Add code in this file.
.header-wrapper {
background: var(--gradient-background) !important;
background-attachment: fixed !important;;
}
Hi @oscprofessional !
Thank you. But it didn’t change anything unfortunately
suyash1
November 9, 2022, 11:50am
4
@contactdaiquiri - I think you have solved your issue
Hi,
Not at all.
Problems 2 and 3 remain.
To improve problem 1, I deleted this part of code (bellow) that I had put in template-collection.css to make the collection banner full width/height under the header.
So now, it’s not overlapping anymore but I’m recessing because collection banners are not full width anymore either.
#shopify-section-header {
margin-bottom: -100%;
}
.header-wrapper {
background: none!important;
}
@contactdaiquiri - since you added selectors to header they are pushing logo to left, hence it is not exact center
@suyash1 , so there is no way to keep logo in the center in your opinion ?
As for collection banners full height, no way to fix either without affecting product pages ?
Thank you very much.
@contactdaiquiri - we can force some changes on desktop view but those can not guarantee to make logo work flawlessly on all devices
1 Like
