كود css (التوافق مع الجوال)

مرحبًا @احمد محمد34,

يمكنك كتابة إصدار للكود يعمل فقط على الجوال وذلك بإستخدام @media query , يمكنك قراءة المزيد عن هذه القاعدة من هنا .

@media only screen and (max-width: 600px) {
  
 #main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper {
    margin-left: 0px;
	margin-right: 0px;
	 text-align: right
}
    #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
        width: 260px
    }
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse {
          margin-left: 0px;
	margin-right: 0px
    }
  
}

إجعل هذا الكود بجوار الذي معك .

بتاريخ 2 دقائق مضت قال عزام عبد الحافظ:

مرحبًا @احمد محمد34,

يمكنك كتابة إصدار للكود يعمل فقط على الجوال وذلك بإستخدام @media query , يمكنك قراءة المزيد عن هذه القاعدة من هنا .

@media only screen and (max-width: 600px) {
  
 #main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper {
    margin-left: 0px;
	margin-right: 0px;
	 text-align: right
}
    #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
        width: 260px
    }
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse {
          margin-left: 0px;
	margin-right: 0px
    }
  
}

إجعل هذا الكود بجوار الذي معك .

شكراً لك ساجربها و اخبرك بالتوفيق و شكرا على المساعدة