Shape 5

Joomla Club Extensions => Tab Show V2 - Club => : mamadesign July 26, 2013, 10:40:23 AM



: Move Buttons to Bottom
: mamadesign July 26, 2013, 10:40:23 AM
How to you move the buttons to the bottom like the LimeLight demo?
http://www.nobulltrucking.com/index.php/best-opportunity

Also, this module looks terrible in the responsive setting on my Android phone. Any way to make the buttons not move into a vertical format that way?

Great work on your current templates. Thanks!
Michelle


: Re: Move Buttons to Bottom
: jonahh July 26, 2013, 01:52:42 PM
Change below float to "left" from "none" and this will stop them from stacking on smaller screens:

#s5_button_frame ul li {
    float: none !important;
    text-align: center !important;
}

To move to the bottom this would require custom coding.  To start you in the right direction, probably the easiest way would be to open up the default.php file for the tab show module and move the tabs below the content section where tab content is output (the module positions).  Then adjust with CSS

http://www.nobulltrucking.com/modules/mod_s5_tabshow/s5_tabshow/styles.css (line 172


: Re: Move Buttons to Bottom
: mamadesign July 29, 2013, 10:17:50 AM
Thanks for your reply. Unfortunately, changing it as you noted made it stack on every screen and didn't help.

I would like it to work like it does on the LimeLight demo, but it's already a working site on the Corporate Response template. I guess I will just have to keep playing with code. :(


: Re: Move Buttons to Bottom
: jonahh July 29, 2013, 01:04:49 PM
So you changed it to ?

#s5_button_frame ul li {
    float:float !important;
    text-align: center !important;
}