0
Welcome Guest! Login
0 items Join Now

Roksprocket tabs not on one line

    • Kerlin's Avatar
    • Kerlin
    • Newbie
    • Posts: 3
    • Thanks: 0

    Roksprocket tabs not on one line

    Posted 9 years 6 days ago
    • Hello, I updated a joomla! website. Before, it had Roktab. Then to make the same, I installed Roksprocket. I found how to hide the read button and how to change the css. But I'm not sure how to configure the titles tabs.
      With Roktab, titles are in only one line, with nav arrows to go left or right because there are too much items to display them in the width of the page.
      With Roksprocket, tabs are on 2 lines. I don't found where I can change that.
      Could you help me please ?
      I'm sorry for my bad english, I'm french ....

      An other question : how to do to make it responsive ?

      Thanks a lot !!!
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: Roksprocket tabs not on one line

    Posted 9 years 6 days ago
    • Is this site online? If so, please provide the URL to the issue.
      :)
    • Kerlin's Avatar
    • Kerlin
    • Newbie
    • Posts: 3
    • Thanks: 0

    Re: Roksprocket tabs not on one line

    Posted 9 years 6 days ago
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: Roksprocket tabs not on one line

    Posted 9 years 5 days ago
    • The CSS in the template you are using is creating some conflicts.

      this will help
      .sprocket-tabs-panel {clear: left !important;}
      .sprocket-tabs-nav {height: auto !important;}
      .sprocket-tabs-nav li {margin: 0 auto !important}
      
      /* Smartphones */
      @media (max-width: 480px) {
      .sprocket-tabs-nav > li {width: 100% !important;text-align: center;}
      }
      
      /* Smartphones to Tablets */
      @media (min-width: 481px) and (max-width: 767px) {
      .sprocket-tabs-nav > li {width: 49.8% !important;}
      }
      
      /* Tablets */
      @media (min-width: 768px) and (max-width: 959px) {
      }
      
      /* Desktop */
      @media (min-width: 960px) and (max-width: 1199px) {
      }
      
      /* Large Display */
      @media (min-width: 1200px) {
      }

      as far as the way Roktabs handle the left to right scroll, that was done with JS and is not a feature in Roksprocket.. This item may be a good post in the Requests forum. The Dev Team uses that forum for many of it's future development plans.
    • Kerlin's Avatar
    • Kerlin
    • Newbie
    • Posts: 3
    • Thanks: 0

    Re: Roksprocket tabs not on one line

    Posted 9 years 4 days ago
    • Thanks !!!
      Where this code must be added ? in template.css ?
      If I have more tabs than the width, and if there is no left and right scroll, how is it working ? I'll try it.

      Thanks !
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: Roksprocket tabs not on one line

    Posted 9 years 1 day ago
    • When using a Gatnry template you can create a file using a simple text editor for custom css and name it using this format: templatefolder-custom.css (e.g., rt_kirigami-custom.css or gantry-custom.css). More info here: www.gantry-framework.org/documentation/j...custom_stylesheet.md

      if not using a Gantry template you can place it in your template.css file or some suitable css file in your template.

Time to create page: 0.054 seconds