Offset for mobile devices

Hello,

Mystickymenu plugin is successfully installed. A positive thing.

Now I need to know two(2) things:

1) Where to place the html exactly within WP? Please see html below:
2) Why is the code split for .myfixed css class?

If you need more clarification on what I am doing, please refer to website:
https://premium.wpmudev.org/blog/how-to-add-a-new-yorker-style-header-to-your-wordpress-site/

Thank you very much.
newbie-newbie

Below is my html I have been recommended to use by Chris Knowles in reference to question 1:

<header id=”masthead” class=”site-header” role=”banner”>
<div class=”site-branding”>
<h1 class=”site-title”>My Sticky Menu</h1>
<h2 class=”site-description”>And I Don’t Even Live In New York. Yet.</h2>
</div>
<nav id=”site-navigation” class=”main-navigation” role=”navigation”>
<h1 class=”menu-toggle”>Menu</h1>
Skip to content
<div class=”menu-mobile-main-container”>
<ul id=”menu-mobile-main” class=”menu”>
<li id=”menu-item-1351″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1351″>Sample Page
<li id=”menu-item-1352″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1352″>About
<li id=”menu-item-1353″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1353″>Blog

</div>
</nav><!– #site-navigation –>
</header>

/*
And below is code in reference to question 2 for “myfixed css class.”
*/

/* make site title font smaller */
.myfixed .site-title a {
font-size: 1.25rem;
}

/* hide site description */
.myfixed .site-description {
display: none;
}

/* add shadow border */
.wrapfixed {
-webkit-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6);
-moz-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6);
box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6);
}

/* remove excess padding */
.myfixed .site-branding {
padding-top: 0px;
padding-bottom: 0px;
}

/* here the code splits for .myfixed css class…I have no idea??
*/

<div id=”mysticky-wrap” style=””>
<div id=”mysticky-nav” class=””>
<header id=”masthead” class=”site-header” role=”banner” style=””>…</header>
</div>
</div>

1. myStickymenu does not require any html, but if you wanna customize your menu and make it using html than try to put it in header.php in your theme folder
2. there are two divs, this is normal, nothing splits.