Enhance Cookie Notice Pro styles and update navigation menu structure
- Updated CSS for Cookie Notice Pro to improve button styles and layout. - Adjusted button order in mobile view for better user experience. - Set cookie settings display to none by default. - Modified link styles for better visibility. - Refactored navigation menu in NavMenu.php for improved readability and structure. - Ensured consistent indentation and formatting throughout the navigation menu. - Added missing submenu items for doors and windows categories.
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -106,13 +106,24 @@ Make your own cookie information popup in minutes.
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#cookieNoticePro.light button#cookieShowSettings {
|
||||
background: #ffffff;
|
||||
background: var(--cookieNoticeProLight);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#cookieNoticePro.light button#cookieShowSettings {
|
||||
order: 3;
|
||||
}
|
||||
|
||||
#cookieNoticePro.light button#cookieReject {
|
||||
order: 1;
|
||||
order: 2;
|
||||
}
|
||||
|
||||
#cookieNoticePro.light button#cookieAccept {
|
||||
order: 2;
|
||||
order: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -251,6 +262,7 @@ Make your own cookie information popup in minutes.
|
||||
#cookieNoticePro .btn-wrap button {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
padding: 0 7px;
|
||||
margin: 0 5px 10px 5px;
|
||||
@@ -282,6 +294,7 @@ Make your own cookie information popup in minutes.
|
||||
}
|
||||
|
||||
#cookieNoticePro #cookieSettings {
|
||||
display: none !important;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
display: -webkit-box;
|
||||
@@ -346,8 +359,8 @@ Make your own cookie information popup in minutes.
|
||||
}
|
||||
|
||||
#cookieNoticePro a {
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
text-decoration: underline;
|
||||
font-size: 12px;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
|
||||
-webkit-transition: all 0.3s ease-in;
|
||||
|
||||
@@ -1,152 +1,163 @@
|
||||
<? include 'templates_user/components/detect-language.php'; ?>
|
||||
<noscript>
|
||||
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5686826&fmt=gif" />
|
||||
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5686826&fmt=gif" />
|
||||
</noscript>
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="header__wrapper">
|
||||
<div class="header_left">
|
||||
<a href="/">
|
||||
<img src="/upload/filemanager/Logos/logo-black.svg" alt="">
|
||||
<img src="/upload/filemanager/Logos/logo-black.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="header_right">
|
||||
<nav id="advance_menu">
|
||||
<ul class="lvl_1">
|
||||
<nav id="advance_menu">
|
||||
<ul class="lvl_1">
|
||||
|
||||
<li>
|
||||
<a href="/about-us">About Us</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about-us">About Us</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/facades">Façades</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/facades">Façades</a>
|
||||
</li>
|
||||
|
||||
<li class="parent">
|
||||
<a href="/windows" class="no-click">Windows</a>
|
||||
<ul class="lvl_2 static_height">
|
||||
<li class="parent">
|
||||
<a href="/aluminium-windows">Aluminium windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-70">MB 70</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-70-casement">MB 70 CASEMENT</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-79n">MB 79N</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-79n-casement">MB 79N CASEMENT</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-86n">MB 86N</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-86n-casement">MB 86N CASEMENT</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/facades">FAÇADES</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/facades#mb-45-mb-expo">INTERNAL WALLS</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="parent">
|
||||
<a href="/windows" class="no-click">Windows</a>
|
||||
<ul class="lvl_2 static_height">
|
||||
<li class="parent">
|
||||
<a href="/aluminium-windows">Aluminium windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-70">MB 70</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-70-casement">MB 70 CASEMENT</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-79n">MB 79N</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-79n-casement">MB 79N CASEMENT</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-86n">MB 86N</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/aluminium-windows#mb-86n-casement">MB 86N CASEMENT</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/facades">FAÇADES</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/facades#mb-45-mb-expo">INTERNAL WALLS</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="parent">
|
||||
<a href="/wooden-windows">Wooden windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/wooden-windows#vd-68">VD 68</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/wooden-windows#vd-78">VD 78</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/wooden-windows#vd-92">VD 92</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="parent">
|
||||
<a href="/wooden-windows">Wooden windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/wooden-windows#vd-68">VD 68</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/wooden-windows#vd-78">VD 78</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/wooden-windows#vd-92">VD 92</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="parent">
|
||||
<a href="/wooden-aluminium-windows">Wooden-aluminium windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/wooden-aluminium-windows#vda-86">VDA 86</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/wooden-aluminium-windows#vda-96">VDA 96</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/wooden-aluminium-windows#vda-115-passiv">VDA 115 PASSIV</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="parent">
|
||||
<a href="/wooden-aluminium-windows">Wooden-aluminium windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/wooden-aluminium-windows#vda-86">VDA 86</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/wooden-aluminium-windows#vda-96">VDA 96</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/wooden-aluminium-windows#vda-115-passiv">VDA 115 PASSIV</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="parent">
|
||||
<a href="/pvcu-windows">PVCU windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/pvcu-windows#vp-70">VP 70</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/pvcu-windows#vp-76">VP 76</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/pvcu-windows#vp-80-platinum">VP 80 PLATINUM</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/pvcu-windows#vp-82">VP 82</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="parent">
|
||||
<a href="/pvcu-windows">PVCU windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/pvcu-windows#vp-70">VP 70</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/pvcu-windows#vp-76">VP 76</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/pvcu-windows#vp-80-platinum">VP 80 PLATINUM</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/pvcu-windows#vp-82">VP 82</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="parent">
|
||||
<a href="/pvcu-aluminium-windows">PVCU-aluminium windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/pvcu-aluminium-windows#vpa-82">VPA 82</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/pvcu-aluminium-windows#vpa-94">VPA 94</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="parent">
|
||||
<a href="/pvcu-aluminium-windows">PVCU-aluminium windows</a>
|
||||
<ul class="lvl_3 static_height">
|
||||
<li>
|
||||
<a href="/pvcu-aluminium-windows#vpa-82">VPA 82</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/pvcu-aluminium-windows#vpa-94">VPA 94</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="parent">
|
||||
<a href="/doors" class="no-click">Doors</a>
|
||||
<li class="parent">
|
||||
<a href="/doors" class="no-click">Doors</a>
|
||||
|
||||
<ul class="lvl_2 ">
|
||||
<li>
|
||||
<a href="/entrance-doors">Entrance doors</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/sliding-doors">Sliding doors</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<ul class="lvl_2 ">
|
||||
<li>
|
||||
<a href="/entrance-doors">Entrance doors</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/sliding-doors">Sliding doors</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!-- <li>
|
||||
<!-- <li>
|
||||
<a href="/shutters">Shutters</a>
|
||||
</li> -->
|
||||
|
||||
<li>
|
||||
<a href="/details">Details</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/details">Details</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/b2b-partners">B2B PARTNER</a>
|
||||
</li>
|
||||
<li class="parent">
|
||||
<a href="/b2b-partners">B2B PARTNER</a>
|
||||
<ul class="lvl_2 ">
|
||||
<li>
|
||||
<a href="/catalogues">Catalogues</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/documents">Documents</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/promotion">PROMOTION</a>
|
||||
</li>
|
||||
|
||||
<li class="header_big_btn">
|
||||
<a href="/contact">Enquiries</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<li class="header_big_btn">
|
||||
<a href="/contact">Enquiries</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -158,59 +169,45 @@
|
||||
|
||||
<script class="footer" type="text/javascript">
|
||||
var user_agent = navigator.userAgent.toLowerCase();
|
||||
var click_event = user_agent.match(/(iphone|ipod|ipad)/) ? "touchend" : "click";
|
||||
var click_event = user_agent.match(/(iphone|ipod|ipad)/) ? "touchend" : "click";
|
||||
|
||||
$(window).resize(function() {
|
||||
windowsize = $(window).width();
|
||||
});
|
||||
|
||||
$( 'body' ).on( click_event, '#main-menu-btn', function()
|
||||
{
|
||||
if ( windowsize <= 991 )
|
||||
{
|
||||
if ( $( this ).hasClass( 'active' ) )
|
||||
{
|
||||
$( this ).removeClass( 'active' );
|
||||
$( '#advance_menu' ).removeClass( 'visible' );
|
||||
$( '#main-menu-btn i' ).addClass( 'fa-bars' ).removeClass( 'fa-times' );
|
||||
}
|
||||
else
|
||||
{
|
||||
$( this ).addClass( 'active' );
|
||||
$( '#advance_menu' ).addClass( 'visible' );
|
||||
$( '#main-menu-btn i' ).removeClass( 'fa-bars' ).addClass( 'fa-times' );
|
||||
$('body').on(click_event, '#main-menu-btn', function() {
|
||||
if (windowsize <= 991) {
|
||||
if ($(this).hasClass('active')) {
|
||||
$(this).removeClass('active');
|
||||
$('#advance_menu').removeClass('visible');
|
||||
$('#main-menu-btn i').addClass('fa-bars').removeClass('fa-times');
|
||||
} else {
|
||||
$(this).addClass('active');
|
||||
$('#advance_menu').addClass('visible');
|
||||
$('#main-menu-btn i').removeClass('fa-bars').addClass('fa-times');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if ( windowsize <= 991 )
|
||||
{
|
||||
$( 'body' ).on( click_event, '#advance_menu a', function(e)
|
||||
{
|
||||
if ( $( this ).parent().hasClass( 'parent' ) )
|
||||
if (windowsize <= 991) {
|
||||
$('body').on(click_event, '#advance_menu a', function(e) {
|
||||
if ($(this).parent().hasClass('parent'))
|
||||
e.preventDefault();
|
||||
|
||||
if ( !$( this ).parent().hasClass( 'active' ) )
|
||||
{
|
||||
$( this ).parent().addClass( 'active' );
|
||||
}
|
||||
else
|
||||
{
|
||||
$( this ).parent().removeClass( 'active' );
|
||||
if (!$(this).parent().hasClass('active')) {
|
||||
$(this).parent().addClass('active');
|
||||
} else {
|
||||
$(this).parent().removeClass('active');
|
||||
}
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
function customMenuLink(URL)
|
||||
{
|
||||
} else {
|
||||
function customMenuLink(URL) {
|
||||
$(`#nav_tabs li a[href="${URL}"]`).trigger("click");
|
||||
console.log(URL)
|
||||
}
|
||||
|
||||
$( function()
|
||||
{
|
||||
let pathHash = $( location ).attr('hash');
|
||||
$(function() {
|
||||
let pathHash = $(location).attr('hash');
|
||||
customMenuLink(pathHash)
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user