Menu
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -270,19 +270,14 @@ header#header {
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&.active {
|
||||||
> a {
|
> a {
|
||||||
span {
|
span {
|
||||||
text-shadow:
|
text-shadow: 0px 0.2px 0px $cTxtBlack,
|
||||||
0px 0.2px 0px $cTxtBlack,
|
0px -0.2px 0px $cTxtBlack, 0.2px 0px 0px $cTxtBlack,
|
||||||
0px -0.2px 0px $cTxtBlack,
|
-0.2px 0px 0px $cTxtBlack, -0.2px -0.2px 0px $cTxtBlack,
|
||||||
0.2px 0px 0px $cTxtBlack,
|
0.2px 0.2px 0px $cTxtBlack, 0.2px -0.2px 0px $cTxtBlack,
|
||||||
-0.2px 0px 0px $cTxtBlack,
|
-0.2px 0.2px 0px $cTxtBlack, -0.2px 0.2px 0px $cTxtBlack;
|
||||||
-0.2px -0.2px 0px $cTxtBlack,
|
|
||||||
0.2px 0.2px 0px $cTxtBlack,
|
|
||||||
0.2px -0.2px 0px $cTxtBlack,
|
|
||||||
-0.2px 0.2px 0px $cTxtBlack,
|
|
||||||
-0.2px 0.2px 0px $cTxtBlack;
|
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -270,7 +270,7 @@
|
|||||||
<li class="parent">
|
<li class="parent">
|
||||||
<?= nav_item(41, $lang_id, true); ?>
|
<?= nav_item(41, $lang_id, true); ?>
|
||||||
|
|
||||||
<ul class="lvl-3">
|
<ul class="lvl-3 lvl-3-big">
|
||||||
<!-- item 1-2-1 -->
|
<!-- item 1-2-1 -->
|
||||||
<li>
|
<li>
|
||||||
<?= nav_item(['cURL' => '/drzwi-wejsciowe/#aluminiowe', 'cTitle' => 'Aluminiowe']); ?>
|
<?= nav_item(['cURL' => '/drzwi-wejsciowe/#aluminiowe', 'cTitle' => 'Aluminiowe']); ?>
|
||||||
@@ -535,9 +535,9 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<script class="footer" type="text/javascript">
|
<script class="footer" type="text/javascript">
|
||||||
$(window).resize(function() {
|
$(window).resize(function() {
|
||||||
windowsize = $(window).width();
|
windowsize = $(window).width();
|
||||||
});
|
});
|
||||||
|
|
||||||
$( 'body' ).on( click_event, '#header-mine-menu-btn', function()
|
$( 'body' ).on( click_event, '#header-mine-menu-btn', function()
|
||||||
{
|
{
|
||||||
@@ -567,18 +567,47 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
if ( windowsize > 991 ) {
|
// if ( windowsize > 991 ) {
|
||||||
$(function () {
|
// $(function () {
|
||||||
$('body').on(
|
// $('body').on(
|
||||||
click_event,
|
// click_event,
|
||||||
'#header-nav #header-mine-menu .lvl-1 >li.parent >a',
|
// '#header-nav #header-mine-menu .lvl-1 >li.parent >a',
|
||||||
function (e) {
|
// function (e) {
|
||||||
e.preventDefault()
|
// e.preventDefault()
|
||||||
|
|
||||||
$(this).parent().toggleClass('active');
|
// $(this).parent().toggleClass('active');
|
||||||
}
|
// }
|
||||||
)
|
// )
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
|
if (windowsize > 991) {
|
||||||
|
$(function () {
|
||||||
|
// lvl-1
|
||||||
|
$('body').on(
|
||||||
|
click_event,
|
||||||
|
'#header-nav #header-mine-menu .lvl-1 > li.parent > a',
|
||||||
|
function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var $li = $(this).parent();
|
||||||
|
|
||||||
|
$li.siblings('.active').removeClass('active');
|
||||||
|
$li.toggleClass('active');
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
// lvl-2
|
||||||
|
$('body').on(
|
||||||
|
click_event,
|
||||||
|
'#header-nav #header-mine-menu .lvl-2 > li.parent > a',
|
||||||
|
function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var $li = $(this).parent();
|
||||||
|
|
||||||
|
$li.siblings('.active').removeClass('active');
|
||||||
|
$li.toggleClass('active');
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
Reference in New Issue
Block a user