CINXE.COM
Digital Networks Act (DNA) | Updates
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Digital Networks Act (DNA) | Updates</title> <meta name="description" content="Understand the proposed Digital Networks Act (DNA), a bold, future-oriented, game-changing Act that will redefine the DNA of the EU telecoms regulation"> <meta name="keywords" content="digital networks act, digital network act, dna europe, dna act, dna eu, digital dna, eu dna, eu digital networks act, act dna"> <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <link rel="manifest" href="manifest.json"> <meta name="msapplication-TileImage" content="mstile-150x150.png"> <meta name="theme-color" content="#ffffff"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!--font-awesome--> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <!-- Owl Stylesheets --> <link rel="stylesheet" href="css/owl.carousel.css"> <link rel="stylesheet" href="css/owl.theme.default.css"> <!-- javascript --> <script src="js/jquery.min.js"></script> <script src="js/owl.carousel.js"></script> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <meta name="google-site-verification" content="I0CDxLn5hun_Esd7Gf8jIPUBQ1eIIcVNsUQQ9d4Dq8Q"> <style> .wrapper-banner { background: url("Background_122.jpg"); background-size: cover; background-position: center; } </style> <meta name="msvalidate.01" content="3992470AA0B488CE9CF07B1CD73A76D7"> <link rel="stylesheet" href="./style2.css"> <style> body { color: black; } </style> <style> a:link { color: blue; background-color: transparent; text-decoration: none; } a:visited { color: blue; background-color: transparent; text-decoration: none; } a:hover { color: red; background-color: transparent; text-decoration: underline; } a:active { color: blue; background-color: transparent; text-decoration: underline; } </style> <link rel="canonical" href="https://www.digital-networks-act.com" /> </head> <body> <!-- Fixed navbar --> <div class="wrapper-menu"> <nav id="header" class="navbar navbar-fixed-top"> <div id="header-container" class="container navbar-container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a id="brand" class="navbar-brand" href="https://www.disinformation.ch/"> <!--<img src="images/logo-black.png" alt="" class="shrink-logo"> --> </a> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="https://www.digital-networks-act.com" target="_blank" >Index</a></li> <li><a href="https://www.digital-networks-act.com/Links.html" target="_blank" >Links</a></li> <li><a href="https://www.cyber-risk-gmbh.com" target="_blank">Cyber Risk GmbH</a></li> <li><a href="https://www.cyber-risk-gmbh.com/Impressum.html" target="_blank">Impressum</a> </li> </ul> </div> <!-- /.nav-collapse --> </div> <!-- /.container --> </nav> <!-- /.navbar --> </div> <div class="container-fluid wrapper-banner"> <div class="container"> <div class="top-banner"> </div> </div> </div> <div class="container-fluid projects-wrapper"> <div class="container"> <div class="row"> <div class="section-title"> <h1 style="font-family: Georgia, 'Times New Roman', Times, serif;">Digital Networks Act (DNA) | Updates</h1> <br> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b> What is the Digital Networks Act (DNA)? </b></p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> According to Thierry Breton, European Commissioner for Internal Market, the Digital Networks Act (DNA) is a bold, future-oriented, game-changing Act that will redefine the DNA of the EU telecoms regulation. He added that getting it right will require vision, boldness and time. The task will not be easy but – as the EU has done on other game-changing proposals – the EU will not shy away from doing what is needed to achieve a paradigm shift in digital regulation.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The Digital Networks Act (DNA), proposed by the European Commission, marks a groundbreaking reform of the European Union’s telecommunications regulations, ensuring they keep pace with the evolving digital landscape, where technological leadership is a critical geopolitical priority.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The DNA emphasizes the development of cutting-edge digital network infrastructures as the foundation for a thriving digital economy and society. This includes ensuring secure and sustainable digital infrastructures, which are pivotal for applications like telemedicine, smart agriculture, and real-time monitoring of goods.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The Act seeks to restore balance in the internet ecosystem by addressing the dominance of large content providers, and ensuring sustainable investments in network infrastructures. This involves creating a level playing field that allows new business models to emerge, and fosters innovation within the European digital market. </p> <hr> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b> The Mission Letter for the Digital Networks Act (DNA). </b></p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> A mission letter from the President of the European Commission is a formal document sent to EU Commissioners upon their appointment. It outlines their key priorities, objectives, and responsibilities for their term, aligning with the Commission’s broader strategic agenda.</p> <br> <br> <img src="Digital Networks Act (DNA) Mission Letter.jpg" alt="Digital Networks Act (DNA) Mission Letter" width="700" height="474" class="img-responsive"/> <br> <br> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> In the mission letter given to Henna Virkkunen, Executive Vice-President-designate for Tech Sovereignty, Security and Democracy, we read:</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> "I want you to take forward the Commission’s work to improve access to secure, fast, and reliable connectivity, as part of a broader strategy for connected collaborative computing. To this end, <b>you should work on a new Digital Networks Act </b>to help boost secure high-speed broadband, both fixed and wireless. You should incentivise and encourage investments in digital infrastructure, taking into account responses to the Commission’s White Paper of February 2024."</p> <hr> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b> The Digital Networks Act (DNA) in the Commission work programme 2025. </b></p> <br> <br> <img src="Digital Networks Act (DNA) Plan 1.jpg" alt="" width="696" height="492" class="img-responsive"/> <br> <br> <img src="Digital Networks Act (DNA) Plan 2.jpg" alt="" width="705" height="205" class="img-responsive"/> <br> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b> The European Commission plans to propose the DNA legislation in the fourth quarter of 2025, as indicated in its annual work program. </b></p> <hr> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b>21.2.2024 - European Commission, white paper explaining the need for the Digital Networks Act (DNA): "How to master Europe's digital infrastructure needs?" </b></p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> According to the white paper, a cutting-edge digital network infrastructure is the foundation for a flourishing digital economy and society. Secure and sustainable digital infrastructures are one of the four cardinal points of the EU’s Digital Decade Policy Programme 2030, one of the main priorities of the current Commission. It is also at the heart of citizens’ interest, who made several digital-related proposals in the context of the Conference on the Future of Europe. Without advanced digital network infrastructures, applications will not make our lives easier, and consumers will be deprived of the benefits of advanced technologies. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> Only with the highest performance of such infrastructures, for example, will doctors be able to care for patients at a distance rapidly and safely, drones be able to improve harvests and reduce water and pesticide use, while connected temperature and humidity sensors enable real-time monitoring of the conditions in which fresh food is stored and transported to the consumer.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> There are also many examples across the economy of how enterprises need advanced connectivity and computing infrastructures for the processing of data closer to their operations and to their customers, to use or provide innovative applications and services. This is especially important for applications that require real-time data processing, such as Internet of Things (IoT) devices, autonomous vehicles, and smart grids, as well as to reduce latency for applications related to predictive maintenance, real-time monitoring, and automation, leading to more efficient and cost-effective operations. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> Advanced digital network infrastructures and services will become a key enabler for transformative digital technologies and services such as <b>Artificial Intelligence (AI), Virtual Worlds and the Web 4.0, </b>and for addressing societal challenges such as those in the fields of energy, transport or healthcare and for supporting innovation in creative industries. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b>Recent geopolitical developments </b>highlighted the importance of security and resilience of infrastructures against both human-made and natural hazards, as well as the complementary role of terrestrial, satellite and submarine connectivity solutions, for uninterrupted availability of service under all circumstances. In a rapidly changing security landscape, a strategic Unionwide approach to security and resilience of critical digital infrastructures is essential for the EU’s economic security, building on the solid existing legislative framework, notably the NIS2 Directive, the Directive on the resilience of critical entities and the Council Recommendation on a Union-wide coordinated approach to strengthen the resilience of critical infrastructure.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> Against this background, this White Paper identifies challenges and discusses possible scenarios for public policy actions, such as a possible future <b>Digital Networks Act, </b>that aim to incentivise building the digital networks of the future, master the transition to new technologies and business models, meet future connectivity needs of all end-users, underpin competitiveness of our economy and ensure secure and resilient infrastructures and the Union’s economic security as reflected by the common commitments of the EU Member States in the Digital Decade Policy Programme.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The <b>Cyber Resilience Act (CRA), </b>which is set to enter into force later this year, will contribute significantly to securing EU’s digital infrastructure. It places security-by-design obligations on the manufacturers of hardware and software products, covering the entire life cycle of such products from their design and development to their maintenance. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The CRA not only covers many of the products deployed in digital infrastructures, such as routers, switches or network management systems, but also requires the manufacturers of connectable hardware and software products at large to protect the confidentiality and integrity of data by state-of-the-art means. This could entail, where appropriate, the use of quantum-resistant cryptography. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <a href="https://digital-strategy.ec.europa.eu/en/library/white-paper-how-master-europes-digital-infrastructure-needs" target="_blank">https://digital-strategy.ec.europa.eu/en/library/white-paper-how-master-europes-digital-infrastructure-needs</a></p> <hr> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b>10 October 2023 - European Commission, results of the exploratory consultation on the future of the electronic communications sector and its infrastructure. </b></p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The exploratory consultation on the future of the electronic communications sector and its infrastructure ran from 23 February to 19 May 2023. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The exploratory consultation consisted of <b>62 questions, </b>both <b>“closed” </b>(multiple choice questions which allowed the respondent to also add other answers, and to explain the choice), and <b>“open” </b>ones (free text) covering 4 areas: </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> - (i) technological and market developments, </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> - (ii) fairness to consumers, </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> - (iii) barriers to the single market, and </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> - (iv) fair contribution by all digital players.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The European Commission received <b>437 responses to the consultation and 164 position papers. </b>108 contributions were submitted by companies, 87 by business associations, 124 by citizens (114 by EU citizens and 10 by non-EU citizens), 47 by non-governmental organisation (“NGOs”), 16 by research / academic institutions, 14 by consumer organisations and 5 by trade unions. In addition, 17 public authorities provided feedback, representing a mix of bodies with different scope, such as European, national, and regional/local authorities. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The aim of the exploratory consultation was to <b>gather data and views </b>on the technological and market developments, measures regarding fairness for consumers, barriers to the Single Market and the question regarding a fair contribution by all digital players benefitting from the digital transformation.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> As a global tech race is taking place, Europe has thrown its hat into the ring with the regulatory framework and investments needed to foster innovation and technological leadership in areas such as online platforms, AI, data, cloud, quantum and virtual worlds. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> For this technological revolution to succeed, we need to ensure that our networks are up to the task in terms of transmission speed, storage capacity, computing power and interoperability.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> This is why we have consulted broadly on the infrastructure and investments required for our digital networks to support this tech revolution.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The answers of the consultation that we publish today provide the perspectives of telecom providers, broadcasters, cloud service providers and platforms, business associations, consumer organisations, citizens, non-governmental organisations, public authorities, trade unions and academics.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> There are the three main take aways:</p> <br> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b>Takeaway 1: We need innovation and efficient investment</b></p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The overall feedback from the consultation is clear: <b>network virtualisation, edge cloud, artificial intelligence and open networks </b>are new technologies that will have a significant impact on the electronic communications sector. It is widely recognised that copper networks – originally designed for telephone calls – will have to give way to new infrastructures capable of transmitting not just a few kilobits or megabits of data per second, but gigabits and soon terabits (or even petabits) of data per second. We are talking about new software-based, highly programmable, cloud-native networks. The consultation feedback is clear: this transformation will have a significant impact on business and regulatory models, skills, infrastructures, security of vendors and of course investments.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The majority of respondents to the relevant question anticipate that, up to 50% of their annual revenues (which analysts currently estimate at around €300 billion per year for the EU telecoms sector) will have to be allocated over the next five years to meet the investment needs in connectivity infrastructure and replacement of high-risks vendors. Respondents consider that public funding is crucial to foster investments. Yet, views diverge on whether it will suffice to bridge the gap, and how to attract more private capital. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> Several policy and funding initiatives have been put in place in the past years, including the Smart Networks and Services Joint Undertaking and the Alliance for Industrial Data, Edge and Cloud. Yet, to succeed in a fast-evolving landscape we need to ensure coherence and maximise the multiplier effect of EU actions on private investments, as we did for semiconductors under the Chips Act. </p> <br> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b>Takeaway 2: We need to leverage the Single Market to boost investment and innovation</b></p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The majority of respondents are clear: <b>EU-wide regulatory streamlining and simplification can slash administrative costs and speed up infrastructure deployment. </b>Among the examples provided, it is indicated that being able to operate on the basis of a single 5G core network across the EU, would result in benefits in the range of €200-300 million over the next five years. Moreover, most replies among telecom providers, platforms, business and consumer organisations indicate that a more harmonised approach to spectrum management would unlock larger market potential, making it easier to deploy cross-border services and driving investment and innovation.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> It is clear from the respondents’ replies that exploiting economies of scale in the EU Single Market, and leveraging full access to 450 million European customers, would be key to overcome investment difficulties. The majority of the respondents agreed that the removal of obstacles, notably burdensome sectoral regulation, can facilitate cross-border consolidation and emergence of true Single Market.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> Yet, the full integration of the telecoms Single Market is still hampered by the fragmentation of the sector into national markets. Public authorities’ input to the consultation confirms that achieving a unified regulatory approach that promotes fair competition and innovation remains a challenge.</p> <br> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> <b>Takeaway 3: We need to secure our networks </b></p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The third main element on which we see convergence of views among respondents is <b>security. </b>In the current interconnected world, <b>with rising geopolitical tensions, </b>we need to ensure full control over our decision-making processes in strategic sectors, such as connectivity, and avoid harmful external interference in our EU connectivity infrastructure.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The EU has come a long way in securing 5G networks, which are critical infrastructures in their own right. But there are important loopholes when it comes to securing our network infrastructure.</p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> For example, on spectrum, respondents underlined that a more coordinated European approach could improve coverage at our national border zones and considerably strengthen the EU in cases of harmful interference from third countries at our external borders. </p> <p class="text-left" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px;"> The results of this exploratory consultation gave us a direction on where to dig deeper and engage in a thorough reflection on how to unleash the Single Market for digital networks and make our connectivity more secure and future-proof. </p> <hr> <div class="container-fluid projects-wrapper"> <div class="container"> <div class="row"> <div class="section-title"> </div> </div> </div> </div> <h3>Cyber Risk GmbH, some of our clients</h3> <br> <div class="logos"> <div class="logos-slide"> <img src="Logos/XMA8.png" alt="" > <img src="Logos/SYGNIA5.jpg" alt="" > <img src="Logos/DELL3.jpg" alt="" > <img src="Logos/VW.jpg" alt="" > <img src="Logos/Bosch9.png" alt="" > <img src="Logos/Swisslife3.JPG" alt="" > <img src="Logos/ATLAS8.png" alt="" > <img src="Logos/INSIG8.png" alt="" > <img src="Logos/SANT8.png" alt="" > <img src="Logos/NTT38.png" alt="" > <img src="Logos/EIB15.PNG" alt="" > <img src="Logos/SC8.JPG" alt="" > <img src="Logos/schindler.jpg" alt="" > <img src="Logos/AO9.png" alt="" > <img src="Logos/GS300.JPG" alt="" > <img src="Logos/DB8.png" alt="" > <img src="Logos/TM8.png" alt="" > <img src="Logos/OK8.png" alt="" > <img src="Logos/PWC5.JPG" alt="" > <img src="Logos/Fujitsu.png" alt="" > <img src="Logos/HO5.JPG" alt="" > <img src="Logos/FIN22.png" alt="" > <img src="Logos/SAN8.png" alt="" > <img src="Logos/BAH9.png" alt="" > <img src="Logos/AT32.png" alt="" > <img src="Logos/WINS25.png" alt="" > <img src="Logos/SKY12.png" alt="" > <img src="Logos/RB78.png" alt="" > <img src="Logos/WU8.png" alt="" > <img src="Logos/TDC.JPG" alt="" > <img src="Logos/BH18.png" alt="" > <img src="Logos/DeepSec_Conference7.png" alt="" > <img src="Logos/DC12.png" alt="" > <img src="Logos/BROAD8.png" alt="" > <img src="Logos/LEMON8.PNG" alt="" > <img src="Logos/SIK8.PNG" alt="" > <img src="Logos/KUMO8.PNG" alt="" > <img src="Logos/VEST8.PNG" alt="" > <img src="Logos/MOXA8.PNG" alt="" > <img src="Logos/TIET8.PNG" alt="" > <img src="Logos/UNI8.PNG" alt="" > <img src="Logos/BCC11.PNG" alt="" > <img src="Logos/SN8.PNG" alt="" > <img src="Logos/KYN8.PNG" alt="" > <img src="Logos/PG8.PNG" alt="" > <img src="Logos/MER8.PNG" alt="" > <img src="Logos/LIB8.PNG" alt="" > <img src="Logos/ALI8.PNG" alt="" > <img src="Logos/USA8.PNG" alt="" > <img src="Logos/MAR8.PNG" alt="" > <img src="Logos/ABB8.PNG" alt="" > <img src="Logos/INSI8.PNG" alt="" > </div> </div> <script> var copy = document.querySelector(".logos-slide").cloneNode(true); document.querySelector(".logos").appendChild(copy); </script> <div class="container-fluid projects-wrapper"> <div class="container"> <div class="row"> <div class="section-title"> </div> </div> </div> </div> <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> --> <script src="js/bootstrap.js"></script> <script> $(document).ready(function() { var owl = $('.cliend-logo'); owl.owlCarousel({ margin: 20, nav: true, loop: true, autoplay:true, autoplayTimeout:4000, responsive: { 0: { items: 1 }, 600: { items: 6 }, 1000: { items: 6 } } }) }) $(document).ready(function() { var owl = $('.testimonialstext'); owl.owlCarousel({ margin: 20, nav: true, loop: true, autoplay:true, autoplayTimeout:4000, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } } }) }) </script> <script> $(window).scroll(function() { if ($(document).scrollTop() > 50) { $('nav').addClass('shrink'); $('.add').hide(); } else { $('nav').removeClass('shrink'); $('.add').show(); } }); </script> </body> </html>