رفتن به مطلب

راست چین کردن لوگوی موبایل (حل شد)


ارسال های توصیه شده

سلام دوستان

چطور میشه لوگو فقط در حالت موبایل در وسط هدر قرار بگیره و در نمایش دسکتاپ همون سمت راست باشه؟

وقتی زبان پیشفرض فروم به انگلیسی هست، لوگو در حالت موبایل، وسط و در جای درست قرار میگیره.

اما هنگامی که زبان فروم رو فارسی میکنم، لوگو در حالت موبایل سمت راست قرار میگیره.

با سپاس فراوان

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

سلام

به custom.css اضافه کنید :

@media screen and (max-width: 767px) {
  html[dir="rtl"] a.logo {
    float: none !important;
  }
{

 

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

در 8 ساعت قبل، علی یوسفلاوی گفته است :

سلام

به custom.css اضافه کنید :


@media screen and (max-width: 767px) {
  html[dir="rtl"] a.logo {
    float: none !important;
  }
{

 

بسیار عالی جواب داد.

سپاس از شما 

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

  • وحید نامنی عنوان را به راست چین کردن لوگوی موبایل تغییر داد
در در 27 مهر 1396 در 07:10، علی یوسفلاوی گفته است :

سلام

به custom.css اضافه کنید :


@media screen and (max-width: 767px) {
  html[dir="rtl"] a.logo {
    float: none !important;
  }
{

 

سلام مجدد،

علی آقا با این کد لوگوی موبایل در قالب دیفالت IPS تغییری نمیکنه و همون سمت راست قرار میگیره.

اما با قالب Elegant به خوبی کار میکنه و لوگوی موبایل در وسط صفحه قرار میگیره.

نمیدونم مشکل از کجاست. تمام کدهای custom.css رو هم حذف کردم و فقط همین کد رو باقی گذاشتم اما باز هم تغییری ایجاد نشد.

ممنون

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

دوست عزیز شما کد را در قالب  Elegant اضافه کردید ؟

برای قالب دیفالت هم میبایست ، کد روبه custom.css  قالب دیفالت اضافه کنید

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

در 8 ساعت قبل، j-akbari گفته است :

دوست عزیز شما کد را در قالب  Elegant اضافه کردید ؟

برای قالب دیفالت هم میبایست ، کد روبه custom.css  قالب دیفالت اضافه کنید

بله کد رو دقیقا همانند قالب الگانت به قالب دیفالت هم اضافه کردم، اما قالب دیفالت تغییر نمیکنه.

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

  • تیم مدیریت

درود.

کد زیر را نیز امتحان کنید :

@media screen and (max-width: 767px) {
  html[dir="rtl"] #elLogo img {
    margin: 0 25%  !important;
  }
}

 

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

در 16 ساعت قبل، محمد قاسمی گفته است :

درود.

کد زیر را نیز امتحان کنید :


@media screen and (max-width: 767px) {
  html[dir="rtl"] #elLogo img {
    margin: 0 25%  !important;
  }
}

 

درود.

این کد دقیقا بر روی قالب پیش فرض جواب داد.

سپاسگزارم از شما

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

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...

اطلاعات مهم

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