Hallo
im Horizon Theme werden die Geschäfsbedinungen und Richtlinien in Footer als Hover-Link angezeigt. Wenn ich mit der Maus drüber fahre, sehe ich erst die anderen Punkte, wie etwa Kontaktinformationen. Wieso kann ich diese Links nicht alle einzeln im Footer anzeigen lassen?
Have you like created a different menu for the footer? If not, then create with the necessary links and you can add that menu to the footer section.
Done. but why is this theme so unflexible? I want to display the links side by side, but I can’t find anywhere to set this. Similarly, I can’t place the links in the center; right now they are on the left.
Shopify as a editor or page builder is kind of limited and almost every platform is take for example wordpress but it can be improved with a plugin like elementor or wpbakery, like that Shopify has app page builders like pagefly and others.
But it has improved a bit with the inclusion of new themes like horizon and it’s similar themes, they offer some extra elements, and most importantly layout specificity with inclusion of blocks. The sidekick is pretty awesome.
So it is somewhat better than before but you are gonna most probably bump into these small roadblocks here and there, it’s just how it is. Try using sidekick for some css code and this would solve this. Sometimes the settings are inside a section or block but we somehow miss it, so please do look carefully.
If it still doesn’t solve it, please share your store url, I can help with the layout.
Best
perfect. sidekick helps me
/* Mobil: vertikal und zentriert */
footer nav ul,
footer .menu ul {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
footer nav li,
footer .menu li {
margin: 0 !important;
}
/* Desktop: horizontal und zentriert */
@media screen and (min-width: 750px) {
footer nav ul,
footer .menu ul {
flex-direction: row !important;
gap: 2rem !important;
flex-wrap: wrap !important;
justify-content: center !important;
}
}
Told ya. Just one thing here, remove those important tags and see if it works without it. Not that it has any performance issues it’s just not good practice to include !important everywhere in the long run.
Best
yes, you are right. i only need the !important tag for 2 rows
/* Mobil: vertikal und zentriert */
footer nav ul,
footer .menu ul {
display: flex;
flex-direction: column;
align-items: center;
}
footer nav li,
footer .menu li {
margin: 0 !important;
} /* Desktop: horizontal und zentriert */
@media screen and (min-width: 750px) {
footer nav ul,
footer .menu ul {
flex-direction: row !important;
gap: 2rem;
flex-wrap: wrap;
justify-content: center;
}
}
Great. You wouldn’t probably need that as well if targeting a higher specificity class but that’s alright two importants that too on the footer doesn’t really matter.