logo

اگر شما از صفحه ساز ویژوال استفاده می کنید شاید این موضوع برای شما پیش آمده باشد که بخواهید در موبایل دو ستون ویژوال کامپوزر از لحاظ ترتیب قرارگیری برعکس وضعت کنونی خود باشند این قابلیت در صفحه ساز المنتور در بین گزینه های تنظیمات وجود دارد و ممکن است در ورژن های بعدی ویژوال نیز این گزینه بصورت پبش فرض قرار بگیرد

اما در حال حاضر می توان به کمک چند خط کد سی اس اس این کار را به سادگی انجام داد در مرحله اول کد سی اس اس زیر را در فایل های سی اس اس سایت خود در جای مناسبی قرار دهید

@media only screen and (max-width:769px) { .swap-on-mobile { display :flex !important; flex-direction : column-reverse; } }

بعد از کپی کردن و قرار دادن کد مربوطه کافیست در قسمت تنظیمات هر ردیف بخش کلاس سی اس اس کلاس swap-on-mobile را اضافه کنید در این صورت مشاهده خواهید کرد که چینش عناصر در موبایل معکوس شده است . این تغییرات در موبایل می باشد و تاثیری در وضعیت و شکل ظاهری ستون ها در سایر دستگاه ها ندارد.

منبع : thewebsitearchitect

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *