Sticky menu and Top position on GK_Instyle

pdingle

Hi, I wondering if theres a way to create a sticky logo and top1 position on the GK Instyle template? I know that top1 overlaps sidebar but this position is not in use so hopefully is possible?

saguaros

Hi pdingle

There is no option in template for sticky, let me check if it can be done.

pdingle

saguaros Thankyou, i would be very helpfull if it could be done in any way.

saguaros

Hi pdingle

In this case, you can set sticky for header only, sticky for top1 position is not ideal.

For the header:
1/ Open the file: /templates/gk_instyle/layouts/default.php

Look for this line:

<html class="<?php echo $option; if(isJoomla4()) echo ' j4'; ?> affix-top" lang="<?php echo $this->APITPL->language; ?>" <?php echo $tpl_page_suffix; ?>>

and add affix-top class as above

2/ Add this custom CSS:

.affix-top #gkHeader {
    position: fixed;
    width: 100%;
    top: 46px;
    z-index: 99999999;
}

.affix-top #gkContent {
    margin-top: 222px;
}