Generate a Wrapper in Elementor Theme Hello Via Function.php

For the correct creation and construction of a Smooth navigation, some containers to move the elements on page scrolling are needed.

The structure is based on 2 main containers:

  1. the viewport (OUTER-WRAP);
  2. the moving container (WRAP).

this block together will produce the effect via javascript.

Many good themes just wrap many parts of the page: 

  • Header;
  • Main Content;
  • Footer.


Or download the DCE Hello Child theme from HERE,
it contains all necessary Hooks in the function file.


You can insert the <div> wrapper of the Header, Main and Footer elements in the element's Hello Theme by writing this code in the function.php file of your theme child.

function mytheme_wrapper_open() {
   echo '<div id="outer-wrap"><div id="wrap">';
}
add_action( 'wp_body_open', 'mytheme_wrapper_open' );

function mytheme_wrapper_close() {
   echo '</div></div>';
}
add_action( 'wp_footer', 'mytheme_wrapper_close' );

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us