اگر شما از صفحه ساز ویژوال استفاده می کنید شاید این موضوع برای شما پیش آمده باشد که بخواهید در موبایل دو ستون ویژوال کامپوزر از لحاظ ترتیب قرارگیری برعکس وضعت کنونی خود باشند این قابلیت در صفحه ساز المنتور در بین گزینه های تنظیمات وجود دارد و ممکن است در ورژن های بعدی ویژوال نیز این گزینه بصورت پبش فرض قرار بگیرد
اما در حال حاضر می توان به کمک چند خط کد سی اس اس این کار را به سادگی انجام داد در مرحله اول کد سی اس اس زیر را در فایل های سی اس اس سایت خود در جای مناسبی قرار دهید
@media only screen and (max-width:769px) { .swap-on-mobile { display :flex !important; flex-direction : column-reverse; } }بعد از کپی کردن و قرار دادن کد مربوطه کافیست در قسمت تنظیمات هر ردیف بخش کلاس سی اس اس کلاس swap-on-mobile را اضافه کنید در این صورت مشاهده خواهید کرد که چینش عناصر در موبایل معکوس شده است . این تغییرات در موبایل می باشد و تاثیری در وضعیت و شکل ظاهری ستون ها در سایر دستگاه ها ندارد.
منبع : thewebsitearchitect
