Hello, fellow community members,
I am currently facing a challenge and would deeply appreciate your guidance. My intention is to emulate the menu bar from the ‘Be Yours (Sweet)’ theme in my own template. However, I’m running into a hiccup: in my current design, the menu is integrated with my header, which makes it somewhat difficult to identify.
Ideally, I want my menu to sit above the header, separate from it, to enhance its visibility and accessibility. I’ve been rummaging through the settings and scanning for any missing pieces or potential code that needs to be inserted into the CSS. Unfortunately, after three days of attempts, I’ve yet to find a solution.
Is there perhaps a tweak or an adjustment that I’m overlooking? Or could there be a specific piece of code that needs to be integrated into the CSS to resolve this issue?
I’ve attached links to the template menu and my website’s menu for reference. Any assistance or insight into this matter would be greatly valued.
Be Yours (Sweet) Theme: Preview Sweet Theme - Be Yours Ecommerce Website Template (shopify.com)
My website: https://0ojpvbrnq30s99jm-69010260284.shopifypreview.com
First image is the Be Yours (Sweet) theme and the second image is my website preview


