Hallo,
brauche mal Hilfe bei einer Modifikation eines Templates. Ziel ist es ein zweites Menü oberhalb des Hauptmenüs für ein Modul (sogenannte JomSocial Bar) zu schaffen.
Bisher ist auch alles gut gelaufen nur kann ich diese Position nicht per CSS über einen custom.css ansprechen und dieses auch nicht „sticky“ (Fest) machen so dass es nicht aus der Seite rausscrollt beim scrollen.
Code der header.php:
PHP
<!-- MAIN NAVIGATION --><section id="header-social"> <jdoc:include type="modules" name="<?php $this->_p('social-mainnav') ?>" style="none" /></section> <!-- <header id="t3-mainnav" class="wrap navbar navbar-default navbar-fixed-top t3-mainnav"> --><header id="t3-mainnav" class="wrap navbar navbar-default header t3-mainnav affix-top"> <!-- OFF-CANVAS -->
Bei den <section id="header-social"> bin ich mir nicht sicher ob id oder class richtig wäre
Code des custom.css:
CSS
body{padding-top:0px!important;}
.off-canvas-toggle { position: absolute!important;}
.header.affix {width: 100%; z-index: 999; top: 0px;}
.header{webkit-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; z-index: 1001;}
.header-social .custom {
background-color: #0077bb;
position: fixed;
height: 44px;
line-height: 44px;
top: 0;
left: 0;
text-align: center;
z-index: 1000;
width: 100%;
}
Alles anzeigen
Bin für jede hilfe dankbar. Seite: www.f-gallus.de