OceanWP theme
This documentation can help you put a slider under the top menu of the OceanWP theme.
Step 1
Go to the FTP of your website and create a child folder:
/wp-content/themes/oceanwp-child-theme/
Step 2
Create a style.css file in this folder:
/wp-content/themes/oceanwp-child-theme/style.css
and write this code in it:
/* Theme Name: OceanWP child theme Template: oceanwp */ @import url('../oceanwp/style.css');
Step 3
Copy the header.php file from oceanwp into your folder:
From: /wp-content/themes/oceanwp/header.php
To: /wp-content/themes/oceanwp-child-theme/header.php
Step 5
Modify the code. This is how the end of the code looks like:
<?php do_action( 'ocean_header' ); ?> <?php do_action( 'ocean_before_main' ); ?> <main id="main" class="site-main clr"<?php oceanwp_schema_markup( 'main' ); ?>> <?php do_action( 'ocean_page_header' ); ?>
Use our slider's shortcode under the header part:
<?php do_action( 'ocean_header' ); ?> <?php echo do_shortcode('[smartslider3 slider=315]'); ?> <?php do_action( 'ocean_before_main' ); ?> <main id="main" class="site-main clr"<?php oceanwp_schema_markup( 'main' ); ?>> <?php do_action( 'ocean_page_header' ); ?>
Step 5
Activate your child theme.