OpenCart-Hellas

[ΠΕΤΡΟΣ Κ.]

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

(opencart 2.0.1.2 θέμα nature)

Ευχαριστώ.

[Alexandra]

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

[ΠΕΤΡΟΣ Κ.]

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

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

[Alexandra]

Καλησπέρα,

Στο: 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 πρόσθεσε αυτό:

Κώδικας: Επιλογή όλων

@media only screen and (max-width: 768px) {
  #menu .nav > li > a {padding: 20px 15px 20px 15px;}
} 

Ωστόσο, αν μπορείς, είναι καλύτερα να γίνει μία πιο περιεκτική κατηγοριοποίηση στις κεντρικές κατηγορίες.