Hi, I have too many tabs on my top menu in the member area. When they are going underneath it is not spaced with the one above and looks squashed to it, can I get a small space between the tabs on the top and bottom row Also can I centre all the tabs, they are all to the left and there is a big gap on the right. Or set a standard tab size?
Hello, Please edit file application/default/views/public/css/sites.css (rename file site-dist.css to site.css in case of site.css does not exists) and put the following code to this file: //for auto size Code: .am-tabs > ul { padding: 0 0.5em 0.5em 0.5em; text-align: center; } .am-tabs > ul > li { margin-top:0.5em; display: inline-block; float: none; } //for standard size of 200px Code: .am-tabs > ul { padding: 0 0.5em 0.5em 0.5em; text-align: center; } .am-tabs > ul > li { margin-top:0.5em; display: inline-block; float: none; width: 200px; }