پویه

مشکل در سایدبار

2 پست در این موضوع قرار دارد

سلام

سایت من (poyeh.com) دچار یه مشکل تو نمایش ستون ها (تو موبایل) شده

صفحه اصلی سایت من سه ستونس (و همونطور که می‌دونید تو موبایل به صورت یک ستونه نمایش داده میشه) اما سایت من توی موبایل به جای اینکه ستون وسط که ستون اصلی هست در بالا نشون بده، سایدبار سمت راست رو در بالا نشون میده و ستون وسط رو پایینتر از اون.

0-1.png

اگه کسی می‌دونه چطور این مشکلو حل کنم لطفا راهنمایی کنه، ممنون

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

طبق کدهاتون ، div ساید بار راست در قالب قبل از div  محتوای اصلی هست 

Untitled.thumb.png.9885426b925b80b0fd9b1d730308c4b6.png

1- یا باید کدهای مربوط به ساید بار رو بعد از کدهای ستون ها قرار بدید و با css  سایدبار راست رو در سمت راست نمایش بدید 

2- با js نمایشش کنترل بشه

3-  و ساده ترین راه  div سایدبار رو فقط برای موبایل در css غیر فعال و dispaly= none کنید و اگه حتما میخواهید در موبایل محتویات این سایدبار نمایش داده بشه ، یه سایدبار با همین مشخصات که در همه مدیاها به غیر از  موبایل غیرفعال و dispaly= none  رو بعد از div بخش اصلی قرار بدید ( البته مطمئن نیستم نمایش دادنش برای موبایل با این روش ، خیلی روش اصولی هست یا نه :D )

 

ویرایش شده در توسط soma
1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری