How to display a drop down 'More' menu on alyreneeco.com?

[alyreneeco]

I’m wanting my “More” menu to be displayed like this:

My website is alyreneeco.com

[PageFly-Richard]

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->Theme.css->paste below code in bottom of file

.site-nav__dropdown {

left: unset !important;

}

.site-nav__dropdown–centered {

width: unset !important;

}

It will look like this: https://prnt.sc/m6oz6lV850gb

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

[alyreneeco]

I’m wanting the Blogs to go under the other 2. Picture of another shopify website for reference:

[alyreneeco]

I figured it out!

I added this at about line 2073:

width: 300px !important;

so it should look like this:

.site-nav__childlist {
display: inline-block;
background: var(–color-bg);
padding: 11px 17px;
text-align: left;
width: 300px !important;
}