ΟpenCart Ηellas

Καλημέρα.
Όπως φαίνεται στο συνημμένο, επειδή υπάρχουν δύο ή και περισσότερες γραμμές στο menu, πώς μπορώ να μειώσω την απόσταση των γραμμών μεταξύ τους? Σε ποιο σημείο του stylessheet.css?

(opencart 2.0.1.2 θέμα nature)

Ευχαριστώ.

Καλησπέρα, για βοήθεια σε css/html πρέπει πάντα να δίνετε url καταστήματος.

Alexandra έγραψε: ↑19 Δεκ 2020, 19:05 Καλησπέρα, για βοήθεια σε css/html πρέπει πάντα να δίνετε url καταστήματος.

Καλημέρα
www.phytosophia.gr/eshop

Καλησπέρα,

Στο: catalog/view/theme/nature/stylesheet/stylesheet.css

Ψάχνεις για το: #menu .nav > li > a {
Δύο γραμμές πιο κάτω, στη γραμμή 240 τροποποιείς το padding: 20px 15px 20px 15px;
πχ padding:7px 14px 7px 14px;
ή για να είναι σε 2 γραμμές: padding: 7px;

Αν μικρύνει την απόσταση των γραμμών στο μενού, θα επηρεαστεί και η απόσταση σε mobile συσκευές. Για να έχουν οι γραμμές του μενού μεγαλύτερη απόσταση σε mobile, κάτω κάτω στο τέλος του css πρόσθεσε αυτό:
Ωστόσο, αν μπορείς, είναι καλύτερα να γίνει μία πιο περιεκτική κατηγοριοποίηση στις κεντρικές κατηγορίες.