1. Ricky6039

    Ricky6039 - Aug 19, 2013 New Member

    Credit
    Point
    Is there a way to make this skin more like a fluid skin. Thanks
     
    Loading...
  2. Brivium

    Brivium - Aug 19, 2013 XenForo Services Staff Member

    Credit
    Point
    You can edit at style properties like following screenshot
     

    Attached Files:

    #2
  3. Ricky6039

    Ricky6039 - Aug 21, 2013 New Member

    Credit
    Point
    That want work it makes everything look bad
     
    #3
  4. Brivium

    Brivium - Aug 21, 2013 XenForo Services Staff Member

    Credit
    Point
    I don't understand
     
    #4
  5. En1gma

    En1gma - Apr 29, 2015 New Member VIP Member

    Credit
    Point
    Think he means what I am about to ask..!!!

    How can I stretch the navigation as I have made the style fluid or full...

    Also, has anyone managed to add the submenu navigation bar, if so how...
    hydrogen

    One of the best free styles, but lack of a sub navigation bar lets it down badly IMHO..( And I am not alone in that thought )
     
    #5
  6. En1gma

    En1gma - Apr 30, 2015 New Member VIP Member

    Credit
    Point
    BUMP... Please someone must know how or where you can move the navigation text / buttons as shown..
    hydrogen2
     
    #6
  7. Brivium

    Brivium - Apr 30, 2015 XenForo Services Staff Member

    Credit
    Point
    You can stretch navigation bar by open template navigation.css and find
    Code:
    #navigation .pageContent
    {
        height: 30px;
        _height: {xen:calc '@headerTabHeight * 2 + 2'}px;
        position: relative;
       
        max-width: 980px;
        margin: 0 auto;
    }
    Replace with
    Code:
    #navigation .pageContent
    {
        height: 30px;
        _height: {xen:calc '@headerTabHeight * 2 + 2'}px;
        position: relative;
       
        margin: 0 auto;
    }
    Regards,
     
    #7
  8. En1gma

    En1gma - Apr 30, 2015 New Member VIP Member

    Credit
    Point
    Thank You for the help Brivium...
    Will that make the navbar go full width as shown in pic below...( pic edited to show )

    And one last question ( sorry ) then I will be well happy & content...
    How can I move the logo over to left also , to side of screen..

    Thank You & Regards..

    hydrogen3
     
    Last edited: Apr 30, 2015
    #8
  9. Brivium

    Brivium - Apr 30, 2015 XenForo Services Staff Member

    Credit
    Point

    You can do this by edit Page Width Controller (like screenshot below) and change max-width: 980px to max-width: 100%;

    Regards,
     
    #9
  10. En1gma

    En1gma - Apr 30, 2015 New Member VIP Member

    Credit
    Point
    Brilliant..Thank You very much.. Great..

    Regards..
     
    #10
  11. En1gma

    En1gma - Apr 30, 2015 New Member VIP Member

    Credit
    Point
    Oops..that last tip Brivium didn't work...it rendered the navbar virtually unreadable and removed the background...

    hydrogen4

    Regards.
     
    #11
  12. En1gma

    En1gma - Apr 30, 2015 New Member VIP Member

    Credit
    Point
    Your Demo of Hydrogen looks full screen in the area I am on about, but just wont work that way for me....:cry:
     
    #12
  13. Brivium

    Brivium - May 1, 2015 XenForo Services Staff Member

    Credit
    Point
    Could you please give me your forum URL ?
     
    #13
  14. En1gma

    En1gma - May 1, 2015 New Member VIP Member

    Credit
    Point
    Hi..Thanks for responding..Top Man..

    My URL is : http://robinhoodgroup-tv.info/community/index.php

    That is default skin of your design Hydrogen ( And still the best free one I have ever seen )
    I have transfer your first feedback on to this skin after trying it out on a backup of the skin I use to test..
    You will not see the navbar image as it appears in my last picture above..

    Again Thank You..
     
    #14
  15. Brivium

    Brivium - May 7, 2015 XenForo Services Staff Member

    Credit
    Point
    Please find pageWidth class and replace with follow code
    Code:
    .pageWidth {
      padding-right: 20px;
      padding-left: 20px;
      margin: 0 auto;
      box-sizing: border-box;
    }
     
    #15
  16. En1gma

    En1gma - May 7, 2015 New Member VIP Member

    Credit
    Point
    Thank You Brivium..

    But could you give me the full path to that as I can not identify it...

    Styles / Templates / ?????
    or
    Style Properties / General / Page Width Controller / ????

    Where exactly Please..

    Sorry just not used to doing this...

    Regards..
     
    #16
  17. Brivium

    Brivium - May 8, 2015 XenForo Services Staff Member

    Credit
    Point
    It places at public.css template.

    Regards,
     
    #17