Hello,
First of all you need to delete the child theme you have created and then recreate it by using this plugin: https://www.ads-software.com/plugins/one-click-child-theme/
You can deactivate the plugin after created the Child Theme.
1. By Removing the header boxes are you referring to remove the three boxes? Please let us know so that we can help you better.
2. for linking the boxes it requires editing core files. Make sure you are using a Child Theme at the time of editing, so that all your changes remain safe even after update.
You need to go to Appearance > Editor > functions.php and look for this code there:
echo '<div class="header-block">';
if ($box_icon_1) {
echo '<span class="header-icon"><i class="fa ' . esc_html($box_icon_1) . '"></i></span>';
}
echo '<h3 class="header-title">' . esc_html(get_theme_mod('box_title_1', 'Solid construction')) . '</h3>';
echo '<div class="header-text">' . wp_kses_post(get_theme_mod('box_text_1', 'Try it and see for yourself. You will be amazed.')) . '</div>';
echo '</div>';
echo '<div class="header-block">';
if ($box_icon_2) {
echo '<span class="header-icon"><i class="fa ' . esc_html($box_icon_2) . '"></i></span>';
}
echo '<h3 class="header-title">' . esc_html(get_theme_mod('box_title_2', 'Built with love')) . '</h3>';
echo '<div class="header-text">' . wp_kses_post(get_theme_mod('box_text_2', 'Countless hours of work and passion went into this.')) . '</div>';
echo '</div>';
echo '<div class="header-block">';
if ($box_icon_3) {
echo '<span class="header-icon"><i class="fa ' . esc_html($box_icon_3) . '"></i></span>';
}
echo '<h3 class="header-title">' . esc_html(get_theme_mod('box_title_3', 'Responsive design')) . '</h3>';
echo '<div class="header-text">' . wp_kses_post(get_theme_mod('box_text_3', 'Looks great on any device, no matter the size.')) . '</div>';
echo '</div>';
Replace that with this:
echo '<div class="header-block">';
echo '<a href="link to the page">';
if ($box_icon_1) {
echo '<span class="header-icon"><i class="fa ' . esc_html($box_icon_1) . '"></i></span>';
}
echo '<h3 class="header-title">' . esc_html(get_theme_mod('box_title_1', 'Solid construction')) . '</h3>';
echo '<div class="header-text">' . wp_kses_post(get_theme_mod('box_text_1', 'Try it and see for yourself. You will be amazed.')) . '</div>';
echo '</a>';
echo '</div>';
echo '<div class="header-block">';
echo '<a href="link to the page">';
if ($box_icon_2) {
echo '<span class="header-icon"><i class="fa ' . esc_html($box_icon_2) . '"></i></span>';
}
echo '<h3 class="header-title">' . esc_html(get_theme_mod('box_title_2', 'Built with love')) . '</h3>';
echo '<div class="header-text">' . wp_kses_post(get_theme_mod('box_text_2', 'Countless hours of work and passion went into this.')) . '</div>';
echo '</a>';
echo '</div>';
echo '<div class="header-block">';
echo '<a href="link to the page">';
if ($box_icon_3) {
echo '<span class="header-icon"><i class="fa ' . esc_html($box_icon_3) . '"></i></span>';
}
echo '<h3 class="header-title">' . esc_html(get_theme_mod('box_title_3', 'Responsive design')) . '</h3>';
echo '<div class="header-text">' . wp_kses_post(get_theme_mod('box_text_3', 'Looks great on any device, no matter the size.')) . '</div>';
echo '</a>';
echo '</div>';
Hope that helps.
Thank you.
