How can I customize a mega menu in my new eCommerce platform?

[altar_studio]

Hello,

I've recently transitioned from Squarespace to Shopify and I'm currently working on replicating specific elements, such as my mega menu.

Customizing the mega menu to match my Squarespace website has proven to be more challenging than I initially anticipated. My goal is to incorporate an additional column within the mega menu, featuring an image along with some additional links.

The image below illustrates what I'm aiming to recreate, which is the original Squarespace mega menu.

So far this is what my mega menu in Shopify looks like: 

I would greatly appreciate some assistance with coding this. Thank you very much.


– Leroy

[romartiny]

Hi. In this case, you will need a developer with experience to do such a thing. I've worked with one of these, I'll briefly tell you what and how it should be. If you understand the theme code, then all you need to know is:
You need to divide the window that is shown when you click on the button into 2 parts.
To add a button:

<button id="corner-button"></button>.
#corner-button {
position: fixed;
top: 20px;
right: 20px;
background-color: #007bff;
color: white;
border: none;
padding: 10px 20px;
cursor: pointer;
z-index: 9999;
}

In 1 part you will have text and let's say collections (or by tags).
In the 2nd part, you will have a picture in the background (example):

<div class="background-div"></div>.
.background-div {
width: 100%;
height: 300px;
background-image: url('url.jpg');
background-size: cover;
background-position: center;
}

To get all the collections:

{% for collection in collections %}
<a href="{{ collection.url }}">{{ collection.title }}</a>
{% endfor %}

Next, you style and add <script></scrip for the button.

I hope this has helped you.

[Natasha-Saed]

I recommend you reach out with Made4uo-Ribe  She is professional in working with mega menu.

[michael-helium]

Hi @altar_studio - we have some pre-made templates in the Meteor Mega Menu app that would help you recreate this look. Check out our "Riviera" or "Fortress" template in particular. FYI, we offer a 7-day free trial.

[BuriedInWork]

Hey there. I'm in a similar boat and was wondering if you were able to come up with a solution so menus matched across both shopify and squarespace. Thanks!