Quark Tabs

Hello,

I was working on a theme for my friends page, http://dirkdj.nl
He has a series of tabs on his front page these work semi fine on a big screen but when you open the site on your mobile of tablet the text in the tabs scrambles.

is there a way to make this responsive or is there another solution

Thanks in advance

Hi,

Try to add the following custom css code into your Quark/css/override.css file or use any custom css plugin:

Code: Select all

@media (max-width: 1100px) {
   .gk-big-heading {
     font-size: 10rem;
   }
}

@media (max-width: 800px) {
   .gk-big-heading {
     font-size: 5rem;
   }
}


Is this different for the Quark E-commerce theme? I tried copying the code from the demo onto my e-commerce theme site but the tabs don't listen.

Also, can I use tabs on pages other than the frontpage?

Hi,

You can use tabs only on the frontpage. Please don't forget to add custom fields called "page_function" with value "tabs" to your page which is the parent for your tabs.