رفتن به مطلب
shiraziha

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

پست های پیشنهاد شده

سلام خدمت همه عزیزان

سایت من  منوهای بالاش یک ایراد داره .این که وقتی رومنوی کاورها ماوس رو نگه داریم زیر منوش که باز میشه وقتی میخوای اسکرول ماوس رو پایین بیاری تا بقیه موضوعات رو ببینی سایت میاد پایین اما منو تغییر نمیکنه و ثابت میمونه . چیکارش کنم؟

https://coverbox.ir/

 

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


لینک به ارسال

سلام . padding تگ a خیلی زیاد . سایت شما که زیر منو زیاد داره padding یک مقدار کمتر کنید تا همه زیر منو ها قابل نمایش باشد .

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


لینک به ارسال
در 36 دقیقه قبل، Mirrajabi گفته است :

سلام . padding تگ a خیلی زیاد . سایت شما که زیر منو زیاد داره padding یک مقدار کمتر کنید تا همه زیر منو ها قابل نمایش باشد .

چطوری کم کنم؟

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


لینک به ارسال
.sf-menu ul li > a{
padding: 11px 45px 11px 45px!important;}
به انتهای فاسل استایل اضافه کنید .

 

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


لینک به ارسال
در ۱ ساعت قبل، Mirrajabi گفته است :

سلام . padding تگ a خیلی زیاد . سایت شما که زیر منو زیاد داره padding یک مقدار کمتر کنید تا همه زیر منو ها قابل نمایش باشد .

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

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


لینک به ارسال

باید position های ul , li که تو css هست تغییر بدید .

یک نمونه هم واستون اینجا گذاشتم تا بتونید درستش کنید .

http://jsfiddle.net/G7qfq/1100/

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


لینک به ارسال
در 5 دقیقه قبل، Mirrajabi گفته است :

باید position های ul , li که تو css هست تغییر بدید .

یک نمونه هم واستون اینجا گذاشتم تا بتونید درستش کنید .

http://jsfiddle.net/G7qfq/1100/

این کد استایل قالب رو نگه میداره؟

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


لینک به ارسال

یعنی چی ؟؟

من فقط یک نمونه کد دادم . شما باید خودتون کد استایل منو قالب تغییر بدید .

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


لینک به ارسال

این کد استایل توی کدای سایتمه : ( فکر کنم مربوط به منو باشه )

.sf-menu.nav > li > a,
.sf-menu ul li > a {
    padding: 38px 13px 38px 13px;
}
@media (max-width: 991px) {
    .sf-menu.nav > li > a,
    .sf-menu ul li > a {
        padding-left: 0;
        padding-right: 0;
    }
}
.alt .sf-menu.nav > li > a {
    padding: 19px 13px 20px 13px;
}
@media (max-width: 991px) {
    .alt .sf-menu.nav > li > a {
        padding-left: 0;
        padding-right: 0;
    }
}
.sf-menu ul li > a {
    font-size: 14px;
    line-height: 16px;
    padding: 21px 45px 21px 45px;
	text-align:right;
}
@media (max-width: 991px) {
    .sf-menu ul li > a {
        padding: 14px 0 14px 0;
    }
}
.is-sticky .sf-menu.nav > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
@media (max-width: 991px) {
    .is-sticky .sf-menu.nav > li > a {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        padding-left: 0;
        padding-right: 0;
    }
}
.is-sticky .alt .sf-menu.nav > li > a {
    padding-top: 14px !important;
    padding-bottom: 11px !important;
}
@media (max-width: 991px) {
    .is-sticky .alt .sf-menu.nav > li > a {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        padding-left: 0;
        padding-right: 0;
    }
}
.sf-menu .megamenu ul li > a {
    padding: 3px 13px 3px 13px;
}
.sf-menu a {
    color: #333333;
}
.sf-menu a:hover {
    color: #191919;
}
.alt .sf-menu > li > a,
.alt .sf-menu > li.active > a,
.alt .sf-menu > li > a:focus,
.alt .sf-menu > li > a:hover {
    color: #ffffff;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li.sfHover > a,
.sf-menu li.active {
    color: #191919;
}
.alt .sf-menu > li:hover,
.alt .sf-menu > li.sfHover,
.alt .sf-menu > li.sfHover > a,
.alt .sf-menu > li.active {
    color: #ffffff;
}
.sf-menu li.active > a {
    color: #191919;
}
.sf-menu ul {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.sf-menu ul {
    margin-left: 0;
    padding-left: 0;
}
@media (min-width: 992px) {
    .sf-menu li > ul:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        right: 23px;
        width: 0;
        height: 0;
        margin-top: -10px;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 6px solid #ff6100;
    }
}
@media (min-width: 992px) {
    .alt .sf-menu li > ul:before {
        border-bottom: 6px solid #333333;
    }
}
.sf-menu li > ul,
.sf-menu li > ul li > ul {
    border-top: solid 4px #ff6100;
}
.alt .sf-menu li > ul,
.alt .sf-menu li > ul li > ul {
    border-top: solid 4px #333333;
}
.sf-menu li > ul li > ul {
    margin-top: -4px;
    left: -100%;
}
.sf-menu li > ul li > ul:before {
    display: none;
}
.sf-menu ul li + li {
    border-top: solid 1px #ecedef;
}
@media (max-width: 991px) {
    .sf-menu ul li + li {
        border-top: solid 1px #303030;
    }
}
.sf-menu ul ul {
    margin-left: 0;
}
.sf-menu ul li {
    background: #ffffff;
}
.sf-menu ul a {
    text-transform: none;
    font-weight: 400;
    text-decoration: none;
    color: #191919;
    text-transform: capitalize;
}
.sf-menu ul a:hover {
    color: #ff6100;
}
/* ARROW DOWN */
.sf-menu.nav > li > a.sf-with-ul,
.sf-arrows .sf-with-ul {
    padding-left: 1.8em;
}
@media (max-width: 991px) {
    .sf-menu.nav > li > a.sf-with-ul,
    .sf-arrows .sf-with-ul {
        padding-left: 0;
        padding-right: 0;
    }
}
.sf-arrows .sf-with-ul:after {
    font-family: FontAwesome;
    content: '\f107';
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -8px;
}
@media (max-width: 991px) {
    .sf-arrows .sf-with-ul:after {
        display: none;
    }
}
/* ARROW RIGHT */
.sf-arrows ul .sf-with-ul:after {
    font-family: FontAwesome;
    content: '\f104';
    position: absolute;
    top: 21px;
    left: 21px;
    margin-top: 0;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #ff6100;
}
.sf-menu li ul ul {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.sf-menu li.megamenu > ul > li.row {
    padding-top: 50px !important;
}
.is-sticky .sf-menu li.megamenu > ul li.row {
    padding-top: 15px !important;
}
.sf-menu li.megamenu {
    position: inherit !important;
}
.sf-menu li.megamenu > ul {
    font-weight: normal;
    font-size: 13px;
    text-transform: none;
    width: 100%;
    margin: 0;
    padding: 0 15px;
}
.sf-menu li.megamenu > ul li.row {
    color: #7f7f7f !important;
    padding: 15px 0;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
}
.sf-menu li.megamenu > ul li.row div[class*="col-"] {
    margin-top: 0;
}
.sf-menu li.megamenu > ul li ul {
    display: block;
    position: relative;
    left: 0;
    margin-left: 0;
}
.sf-menu li.megamenu > ul li a {
    background-color: transparent;
}
.sf-menu li.megamenu ul {
    margin-left: 0;
}
.sf-menu li.megamenu ul a {
    padding-left: 0;
}
.sf-menu li.megamenu ul a:hover {
    color: #ff6100;
}
.sf-menu li.megamenu p {
    margin-bottom: 10px;
}
.sf-menu li.megamenu .block-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 8px;
    color: #191919;
}

 

ویرایش شده توسط shiraziha

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


لینک به ارسال

الان وقتی رو صفحه شما ctrl+u میزنم  دقت کنید ی جایی قرمز یعنی الان دو تا

</header>

هست . شما باید یکیو حذف کنید.

اول اونو بر طرف کنید ببنید شاید کلا مشکل حل شد  .

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


لینک به ارسال
در 54 دقیقه قبل، Mirrajabi گفته است :

الان وقتی رو صفحه شما ctrl+u میزنم  دقت کنید ی جایی قرمز یعنی الان دو تا


</header>

هست . شما باید یکیو حذف کنید.

اول اونو بر طرف کنید ببنید شاید کلا مشکل حل شد  .

نه اینم نبود . چیکار کنم؟ من کد css رو فرستادم براتون . مشکل نداشت؟

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


لینک به ارسال
در 37 دقیقه قبل، shiraziha گفته است :

نه اینم نبود . چیکار کنم؟ من کد css رو فرستادم براتون . مشکل نداشت؟

خب پس باید استایلی که فرستادید دست بخوره ی جاهاش.  من آگه فردا تونستم اوکی می کنم ولی آگه وقت نشد،  خودتون می تونید با آون مثالی که بهتون دادم درستش کنید. 

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


لینک به ارسال

سلام و خسته نباشید > 

سایت من

 

lenztime.ir


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

اگه دقّت کنین می بینین زیر صفحه هم یک نوار اسکرول ایجاد شده ، چی کارش کنم ؟ 

واقعاً ممنون میشم اگه مشکلم رو حل کنید . 

Untitled.png

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


لینک به ارسال

سلام

به انجمن خوش اومدین دوست عزیز

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

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


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • اضافه کردن...