Όταν ένα website είναι responsive τότε, όταν προβάλλεται σε κινητό, η γραμμή μενού πρέπει να συρικνώνεται.

Πώς μπορούμε στην προβολή αυτή να εμφανίζουμε στον τίτλο του μενού το εικονίδιο BARS με τις οριζόντιες ράβδους;

Για να μπορούμε να διαμορφώσουμε το μενού του website μας όπως θέλουμε, θα πρέπει να εγκαταστήσουμε το Module Superfish. 

• Αφού το εγκαταστήσουμε και δημιουργήσουμε τη γραμμή μενού σε ένα block Superfish, ανοίγουμε τις ρυθμίσεις του block, στην ομάδα Superfish plugins.
• Στις επιλογές Accordion settings, μπορούμε να γράψουμε τον τίτλο του μενού αν θέλουμε να εμφανίζεται και κείμενο, μπορούμε όμως να γράψουμε και κώδικα HTML για να εμφανίσουμε το icon bars, από τα font-awsome:

bars.png

Έτσι στο κινητό θα εμφανίζεται:

bars3.png