New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Move Super Search in the area where promo bar appears

Viewing 8 posts - 16 through 23 (of 23 total)
1 2
  • Back to forum
    Posted in: Neighborhood
  • January 12, 2015 at 12:29 pm #140892
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi there,

    It’s because your super search dropdowns are too large for the height of the content. Try this custom css to split it to two columns:

    .sf-super-search .search-options .ss-dropdown ul {
width: 300px;
}
.sf-super-search .search-options .ss-dropdown ul li {
float: left;
width: 150px;
border-right: 1px solid #e3e3e3;
}

    – Ed

    February 19, 2015 at 8:46 pm #151777
    disisid
    Member
    Post count: 36

    Hey Ed Thanks. Works, However due to text being long…it is not clearly visible. Apparently increasing the column width is not helping as the width increases in multiple of 150px only.

    Any suggestions?

    February 20, 2015 at 5:21 am #151840
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I see all things perfect at super search. Can you please attach a marked screenshot to explain your issue better?
    Thanks
    Mohammad

    February 20, 2015 at 5:34 am #151844
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I see all things perfect at super search. Can you please attach a marked screenshot to explain your issue better?
    Thanks
    Mohammad

    February 20, 2015 at 5:57 am #151850
    disisid
    Member
    Post count: 36

    Hi, the issue is that the text inside the menu columns is too long and not completely visible. If you click on university in the super search – you will see that only partial name is visible.

    Please attach screenshot.

    Attachments:
    You must be logged in to view attached files.
    February 20, 2015 at 6:20 am #151854
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .sf-super-search .search-options .ss-dropdown ul li a {
    border-right: medium none !important;
    float: none;
    padding-left: 10px;
    width: 225px !important;
}

.sf-super-search .search-options .ss-dropdown ul li {
    border-right: 1px solid #e3e3e3;
    float: left;
    width: 225px !important;
}
.sf-super-search .search-options .ss-dropdown ul {
    width: 450px !important;
}

    Thanks
    Mohammad

    February 20, 2015 at 6:44 am #151855
    disisid
    Member
    Post count: 36

    Hi, it is better now.

    2 things

    1. The checkmark on selection is displayed at extreme right in a row instead of being displayed next to the item.
    2. Can we break the text to two lines in case it exceeds 225px as few of the names are doing in the current situation?

    February 20, 2015 at 7:12 am #151857
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    HI,
    Please remove last one code and use this one new code:-

    .sf-super-search .search-options .ss-dropdown ul li a {
    border-right: medium none !important;
    float: left;
    padding-left: 10px;
    width: 225px !important;
}

.sf-super-search .search-options .ss-dropdown ul li {
    border-right: 1px solid #e3e3e3;
    float: left;
    width: 225px !important;
    height:40px;
    line-height:20px;
}
.sf-super-search .search-options .ss-dropdown ul {
    width: 450px !important;
}

    Thanks
    Mohammad

  • Back to forum
    Posted in: Neighborhood
Viewing 8 posts - 16 through 23 (of 23 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register