مشکل در نسخه موبایل

[rezaei.m.p 10]

با سلام

من برای نسخه موبایل سایت به آدرس

http://networkrezaei.ir/azyab1/

در حالت نمایش pc دو تا div  دارم که توی یه خط هستند وقتی که در نمایش موبایل قرار می گیرد من می خواهم این ها بیفتند زیر هم ولی نمی دونم هر کاری می کنم نمی شه

تنظیماتش هم مثل بقیه سایت زدم و

clear:both

هم استفاده کردم ولی نشد

الان در شکل زیر می خواهم ایجاد حساب کاربری کامل بیفتند زیر راهنمای فروش

[levelup 257]

سلام
کو شکل؟

[rezaei.m.p 10]

[rezaei.m.p 10]

در 2 ساعت قبل، levelup گفته است :

سلام
کو شکل؟

عکس آپلود نشده بود دوباره عکس را اپلود کردم

[levelup 257]

یکی از اشتباهاتت اینه که بجای اینکه از نام کلاس clearfix استفاده کنی از مقدار css اون ( و البته بصورت ناقص) داخل کلاس استفاده کردی ( clear:both ) که نه تنها جواب نمیده بلکه کلا قالب رو می ترکونه.
در انتهای تمام عناصر والدی که در فرزندانشون از کلاس های col استفاده کردی حتما کلاس clearfix بذار. قبل از شروع به کدنویسی، حتما مستندات بوت استراپ رو بخونید.

دومین موردی که دیدم اینه که بجای کلاس col-xs-8 یا col-xs-4 باید از col-xs-12 استفاده کنی. چون قراره در سایز موبایل یا xs تمام عرض صفحه ( تمام 12 ستون بوت استراپ) پر بشه نه 4 یا 8 ستون.

سومین اشتباهت اینه که وقتی تو سایزهای md و sm از تعداد ستون یکسان استفاده می کنی نیازی نیست که هر دورو به صورت col-sm-4 col-md-4 بنویسی. بلکه سایز md از سایز sm ارث می بره و فقط بنویس col-sm-4 و به این صورت برای سایز های md و lg هم اعمل میشه.

اشتباه چهارم هم اینه که وقتی همه اینها رو درست می کنی می بینی که عنصری که sp-header# داره روی نیمی از عنصر sp-top-bar# رو گرفته و نمی ذاره اون قسمت معلوم باشه. این یه مورد رو با پاک کردن position: relative  عنصر sp-header# تا حدی درست میشه ولی نیاز به کار بیشتری داره

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

 

[rezaei.m.p 10]

در 16 ساعت قبل، levelup گفته است :

یکی از اشتباهاتت اینه که بجای اینکه از نام کلاس clearfix استفاده کنی از مقدار css اون ( و البته بصورت ناقص) داخل کلاس استفاده کردی ( clear:both ) که نه تنها جواب نمیده بلکه کلا قالب رو می ترکونه.
در انتهای تمام عناصر والدی که در فرزندانشون از کلاس های col استفاده کردی حتما کلاس clearfix بذار. قبل از شروع به کدنویسی، حتما مستندات بوت استراپ رو بخونید.

دومین موردی که دیدم اینه که بجای کلاس col-xs-8 یا col-xs-4 باید از col-xs-12 استفاده کنی. چون قراره در سایز موبایل یا xs تمام عرض صفحه ( تمام 12 ستون بوت استراپ) پر بشه نه 4 یا 8 ستون.

سومین اشتباهت اینه که وقتی تو سایزهای md و sm از تعداد ستون یکسان استفاده می کنی نیازی نیست که هر دورو به صورت col-sm-4 col-md-4 بنویسی. بلکه سایز md از سایز sm ارث می بره و فقط بنویس col-sm-4 و به این صورت برای سایز های md و lg هم اعمل میشه.

اشتباه چهارم هم اینه که وقتی همه اینها رو درست می کنی می بینی که عنصری که sp-header# داره روی نیمی از عنصر sp-top-bar# رو گرفته و نمی ذاره اون قسمت معلوم باشه. این یه مورد رو با پاک کردن position: relative  عنصر sp-header# تا حدی درست میشه ولی نیاز به کار بیشتری داره

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

 

ممنون بابت توضیحات کاملتون من سعی می کنم تمام مواردی که گفتید را انجام بدهم

 

[rezaei.m.p 10]

در 19 ساعت قبل، levelup گفته است :

یکی از اشتباهاتت اینه که بجای اینکه از نام کلاس clearfix استفاده کنی از مقدار css اون ( و البته بصورت ناقص) داخل کلاس استفاده کردی ( clear:both ) که نه تنها جواب نمیده بلکه کلا قالب رو می ترکونه.
در انتهای تمام عناصر والدی که در فرزندانشون از کلاس های col استفاده کردی حتما کلاس clearfix بذار. قبل از شروع به کدنویسی، حتما مستندات بوت استراپ رو بخونید.

دومین موردی که دیدم اینه که بجای کلاس col-xs-8 یا col-xs-4 باید از col-xs-12 استفاده کنی. چون قراره در سایز موبایل یا xs تمام عرض صفحه ( تمام 12 ستون بوت استراپ) پر بشه نه 4 یا 8 ستون.

سومین اشتباهت اینه که وقتی تو سایزهای md و sm از تعداد ستون یکسان استفاده می کنی نیازی نیست که هر دورو به صورت col-sm-4 col-md-4 بنویسی. بلکه سایز md از سایز sm ارث می بره و فقط بنویس col-sm-4 و به این صورت برای سایز های md و lg هم اعمل میشه.

اشتباه چهارم هم اینه که وقتی همه اینها رو درست می کنی می بینی که عنصری که sp-header# داره روی نیمی از عنصر sp-top-bar# رو گرفته و نمی ذاره اون قسمت معلوم باشه. این یه مورد رو با پاک کردن position: relative  عنصر sp-header# تا حدی درست میشه ولی نیاز به کار بیشتری داره

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

 

مورد های یک و دوم را انجام داد

مورد سوم هم col-sm ها فقط من تنظیم کردم که با توجه به توضیحتون گذاشتمش روی  col-sm-12 که هر دوازده ستون پر بشه

مورد چهارم هم که گفتید را وقتی بر می دارم درسته که کل sp-top-bar  نشون داده میشه ولی خب عملا انگار می افتد روی لوگو و همه چی خراب میشه

مورد پنجم را هم برای صفحاتی که اصلا از پیج بیلدر استفاده نشده هست هم چک کردم باز هم با اعمال مورد چهارم هم باز درست نشد

 

من چیزی که دوست دارم اتفاق بیفته این هست

یه بلوک بشه راهنما و راهنمای فروش

بعد بلوک زیرش بشه ایجاد حساب کاربری و ...

بعد لوگو

 

ولی نمی دونم چرا بلوک ایجاد حساب کابری و... نمی افتد زیر بلوک قبلی اش و میچسبد بهش

[levelup 257]

خط 67 فایل custom.css باید مقدار  خصیصه position رو از abslute به  reletive یا static تغییر بدین.