Shopify Horizon theme

Hi there, I currenly working on the horizon theme where I tried my best to customise it well, but sadly even with support couldn’t make it. The thing is, you want to look the header, when you put your coursur one of the menu section it should dropdown with the megamenu options, on the mobile section is well made but on the laptop its scattered and nothing makes sense. What can I do? Also I need help with the filtering(collection page). It’s so annyoing that its not sticky and you need to come up down to make the filtering. what can I do about that, to make it like a sticky button?

Hi @Vital3

Welcome to the community.

I did see your store link but unfortunately, it is password-protected. If you would like to share it would be easier to see an issue. If not, it is OK, try to target with media queries and adjusting space a bit

@media screen and (min-width: 990px) and (max-width: 1400) {

}

Just an example. Or think a different way to present those subcategories.

Hi, @Laza_Binaery

Thank you for your warm welcome!

well I wouldn’t publish my store because of google engines and stuff, but I try my best to show what’s my problem and will I be able to fix it somehow:)

I tried to upload more pics but for new users only 1 is the limit, If you open Mous website and see the all cases section, you will see what I want, but unfortunetly I’m not able to do any kind of level, but I want to use my fantasy to express on the webshop.. sadly sidekick is not best all the time so on header & menu & filtering I use these basics stuffs… I hope I uploaded width the right width, if not just tell me.. Thank you for helping me :folded_hands:

That’s why Shopify offers password protection for your site. Just share a link to your site and a password from Online store-> Preferences-> Access protection and forum member would be able to see the site while it would be inaccessible to SEs.

You should also be able to preview your store and then share a preview link which will expire in several days after issue.

I see, I did what I could, now I made this forum signature(agent/input) Should I just put the generated coding here or what should I do so you will be able to see my store? Also made the preview link https://tokkal-utott.hu/ but it needs password still so what’s next sir? Sorry for being a bit boomer, I’m already thankful for helping me :folded_hands: :smiley:

Read this topic about preview links – How can I share an unpublished theme preview link?.

But – just share the password from Online store-> Preferences-> Access protection – its only function is to allow people past this password page.

Hi @Vital3

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

oh okay, I thought that it’s not safe to do…

https://tokkal-utott.hu/

The password: Stickers2015.admin!.

Thank you all for checking the header and the filtering optipns. :slight_smile:

Hey @Vital3,

Thanks for sharing the store url and the password. As you explained regarding your concern I take a look to your site. I also hover over the menus and I found that the Mega Menu is opening when Hovering over the menu item.

And it’s working well for both mobile and Desktop.

If you still facing the issue then can you share a Screen Recording video explaining the issue.

Waiting to hear back from you.

Thanks

Menu looks fine to me too.
To make your filters sticky you can add this code to the “Theme settings”(cog icon)-> “Custom CSS”

.facets.facets--vertical, .facets-toggle {
  position: sticky;
  top: calc( var(--header-height) - 1px);
  z-index: 1;
  background-color: var(--color-background);
  border-bottom: 1px solid var(--color-shadow);
}

Thank you! I now added it and it works perfectly! Can I ask you if you can maybe put the mobile version into a button in the middle?:slight_smile: (If not it’s fine, I love this one!)

About the menu, can you show how does it look like to you? Because I’ve sent a image earlier which showed what’s up..

What annoyes me is it’s not working like on the mobile version. I’ll send an image what is on my mind about this idea.

  • Or maybe something like this, I know its professional made, and mine won’t be there yet, just for idea, what I’m looking for :ok_hand:

I see it similar to your first screenshot.
This is normal for Mega-menu.

Unfortunately, Horizon family does not give you a choice of your menu display mega-menu vs drop-downs like Dawn did.

You may look for solutions in forum.

I remember switching to hamburger menu was not complex – How to change horizontal menu in Horizon theme into hamburger style?

Anything further will require more significant code changes.

I see, yeah I submitted this idea to the support, so they might change it, we’see. Thank you for helping me, the filtering made already a big change and I’ll look forward to change this menu somehow. The link you sent it’s alright menu, but it diseppears the menu row , so I need to find another. :grin: