Re: Styling horizontal tabs

Beaver Builder
1

On the homepage i have horizontal tabs, which i have done some custom coding on. I cannot get the tabs to look right in mobile mode, the hover and headers wont centralize.

www.aspiremedia.co.za

2

Hey Geoffrey,

Thanks for getting in touch! Try adding these CSS snippets.

@media (max-width: 768px) {
  .fl-tabs-horizontal .fl-tabs-panel .fl-tabs-label {
    width: 100%;
  }
  .fl-tabs-horizontal .fl-tabs-panel .fl-tabs-label i {
    display: none;
  }
  .fl-tabs-horizontal .fl-tabs-panel .fl-tabs-label span i {
    display: block;
    padding: 0px;
  }
}

Hope this helps!

Ben

3

Thanks works perfectly, i see I forgot to put the applied CSS in the right parameters thanks.
@media (max-width: 768px) {}

Otherwise what do you think of the design and application?

I am considering upgrading to an agency level, would that allow me have different templates per new install that i create ?

4

Hey Geoffrey,

No worries! The site looks amazing! :slight_smile:

Not really sure what you meant though by new different templates per new install? Could you elaborate?

Ben