1. REGISTRATION REQUIREMENTS:

    Your username here MUST MATCH your XenForo username (connected to your XF license).

    Once you have registered here, then you need to start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Sidebar on left side for Showcase home

Discussion in 'Showcase Support' started by cdub, Dec 1, 2015.

  1. cdub

    cdub Member AMS Premium AMS CAS Premium EMS Early Adopter IMS IMS Premium LD Premium RMS Premium SC Premium UBS Premium

    With the new search widget it'd be nice to have the sidebar be on the left side for easier navigation on the showcase home page.

    Is there an easy way to make the sideba r on the left but ONLY on that page? I know how to do it universally.
     
  2. Sadiq6210

    Sadiq6210 Member Showcase

    I am not sure which search widget do you mean? I cannot see any search widget in v2.5.1

    However, try to add this to template Extra.css
    This should move the sidebar to left side only in showcase home page
    Code:
    .nflj_showcase_index
    .mainContainer {
    float: right;
    }
    .nflj_showcase_index
    .sidebar {
    float: left;
    }
    

    And if you like to show the sidebar in left side in showcase home page and in showcase category page, then try to use this instead of the previous code:
    Code:
    .nflj_showcase_index
    .mainContainer {
    float: right;
    }
    .nflj_showcase_index
    .sidebar {
    float: left;
    }
    .nflj_showcase_category
    .sidebar {
    float: left;
    }
    .nflj_showcase_category
    .mainContainer {
    float: right;
    }
     
  3. Sadiq6210

    Sadiq6210 Member Showcase

  4. cdub

    cdub Member AMS Premium AMS CAS Premium EMS Early Adopter IMS IMS Premium LD Premium RMS Premium SC Premium UBS Premium

    Go to the link in that post to see it working but here's a screenshot:

    Screenshot 2015-12-01 at 11.16.52 PM.png
     
    Sadiq6210 likes this.
  5. cdub

    cdub Member AMS Premium AMS CAS Premium EMS Early Adopter IMS IMS Premium LD Premium RMS Premium SC Premium UBS Premium

    Cool I'll try it out. :)
     
  6. Bob

    Bob Developer Staff Member

    Just do it like this.....
    Code:
    .nflj_showcase_index .mainContainer,
    .nflj_showcase_category .mainContainer,
    .nflj_showcase_field_search_view .mainContainer
    {
        float: right;
    }
    
    .nflj_showcase_index .sidebar ,
    .nflj_showcase_category .sidebar,
    .nflj_showcase_field_search_view .sidebar
    {
        float: left;
    }
    Selection_289.png
     
    FredC and Dadparvar like this.
  7. cdub

    cdub Member AMS Premium AMS CAS Premium EMS Early Adopter IMS IMS Premium LD Premium RMS Premium SC Premium UBS Premium

    That works (and of course I just realized that it didn't work in the vanilla before because the extra css wasn't in the vanilla... yes it's early and I'm an idiot)

    Although it appears UI.X is doing something strange... because it loads and looks nice and then the left sidebar moves over a little to the right to but up against the maincontainer content.

    Screenshot 2015-12-02 at 9.17.08 AM.png

    Works fine in vanilla. Darn UI.X - looks good but gets so problematic at times.

    Any idea what's going on here?

    It does it with the vanilla straight out of the box UI.X too so it isn't something that I've messed up.
     
  8. cdub

    cdub Member AMS Premium AMS CAS Premium EMS Early Adopter IMS IMS Premium LD Premium RMS Premium SC Premium UBS Premium

    I use the Flat Awesome style on one of my other sites and it works great and is super fast. Of course it is a very small board. Maybe I'll try to install it on this site to see if it'll give me less problems. UI.X is just a pain in the &$% sometimes. Rant over.
     
  9. cdub

    cdub Member AMS Premium AMS CAS Premium EMS Early Adopter IMS IMS Premium LD Premium RMS Premium SC Premium UBS Premium

    I'm putting in a UI.X ticket at Audentio for this glitch as I know you have enough on your plate and it isn't causing problems in the default style.
     
  10. Sadiq6210

    Sadiq6210 Member Showcase

    After upgrade from 2.5.3 to 2.5.4, the horizontal scroll bar is showing because of that code

    upload_2015-12-16_14-47-52.png

    If I remove it from extra.css, then the page width issue will be fixed
     
  11. Bob

    Bob Developer Staff Member

    What I suggested should work (works fine for me and others), however, I didn't post it as a 100% guaranteed will work type of support solution response (as customization does not fall under "support"). Nothing changed between versions for any of those classes, nor has anything in core xenforo changed in regards to the sidebar.
     
  12. Sadiq6210

    Sadiq6210 Member Showcase

    I tried to import the default Xenforo theme and I added only this code in extra.css but unfortunately still I am facing the horizontal scroll bar issue
    I am pretty sure it was working fine before I upgrade to 2.5.4
    Could you try to add your code in extra.css in 2.5.4 and check? because I tried in LTR and with the default theme and same issue still exist (I checked in Chrome and Internet Explorer11)

    I know Bob it is not a core feature, therefore you don't have to give official support for this but we are here in this forum to help each other and to make our website work without any issue, that's why I gave the code in this thread before you did.
    I am not asking for showcase official support, if anybody know better than me in CSS and can help, I will appreciate that for him
    From my side I will keep trying to fix it
     
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.