Change header height with @media query

Hi I been trying to change the size of the header section on my site based on the users screen size. Using the inspector tool I can change the height under a media query rule but I cannot find this media query in the files structure. Being that this is source code is this hidden code ? Can you please provide advice on how to change this ? My site is stellasaurus.com.au
Cheers

You can use override.css for such thing.

Hi thanks for the reply ! Any samples of code for such an operation?

You can use override.css for such thing.

Hi Thanks again,
I have input to override CSS but im struggling to figure out how to implement this override to just the home page. I need to do this as i'm using the 'viewport height' argument to adjust to fit the screen and to do so i have to modify #gkHeader CSS which is used on other pages.

Can you please advise of how i can make the overrides to only be used on the home page?

Cheers

Hi can i also ask, i have found that for me to get what i want to happen, i need to remove the code from the "About" page from the " dark-bg" class as that class has the header i need to modify. Can you please advise how i can remove this from the class or create a new class as i cant find the source code to edit?

Cheers

To narrow down the effect only to one page you can use page suffixes to create a css prefix to use later with the override.css declaration.

To narrow down the effect only to one page you can use page suffixes to create a css prefix to use later with the override.css declaration.

Cyberek,

Thanks for the info, i have tried to add a page class suffix using the joomla instructions but i cannot find it to allow me to call it in CSS. Can you help please?

Cheers

James

You need to add page suffix via template settings - it adds a class to body tag, then you can use it as perfix in override.css.

You need to add page suffix via template settings - it adds a class to body tag, then you can use it as perfix in override.css.

Thanks very much!!

One more question, the part in template setting that says " ItemId/Option" where do i find this ?

Cheers

James

You will find necessary info here:
https://www.gavick.com/documentation/jo ... omla-pages