skip to Main Content
+30-6944453971 info [a] selidamou.gr

wpbakery και portrait mode σε tablet 1/4-> 1/2

Αυτό το Post μας αφορά το wpbakery και την διάταξη των στηλών και των γραμμών σε ένα tablet στο portrait mode.
Αν πάτε στο responsive options σε μία στήλη θα δείτε ότι στη θέση του tablet portrait mode γράφει “default value from width attribute”

Στην δική μου περίπτωση είχα ένα τετράστηλο στο builder το οποίο ήθελα να γίνει δίστηλο στο κινητό και στο tablet.

Οπότε στην μεγάλη οθόνη έχουμε: 3 columns 1/4

Στο tablet landscape έχουμε: 6 columns 1/2

Τέλος στο mobile view έχουμε: 12 columns 1/1

Στο tablet portrait mode ιδεατά θα ήθελα να έχω ότι και στο landscape. 6 columns 1/2 αλλά το wpbakery αποφάσισε ότι πρέπει να χρησιμοποιήσω ότι και στο desktop size. 3 columns 1/4

 

Για να κάνουμε ένα απλό override λοιπόν πρέπει να μπούμε στο custom css μας και να βάλουμε το ακόλουθο

@media (min-width: 768px) and (max-device-width : 1024px) and (orientation : portrait){
.vc_col-sm-3 {
width: 50% !important;
}
}

 

Το  and (orientation : portrait) μπορεί και να παραληφθεί για να το δείχνει σωστά και στην ανάλογη οθόνη υπολογιστή..

Back To Top
×Close search
Search