majaid

Have a look at the generated CSS for the page.

This is what is currently there.

.page-header, .has-transparent-header .page-header {
padding: 400px 0 114px 0;
}

This sets the top padding to 400px and the bottom padding to 114px, hence the excessive white space.

Your home page is throwing several JavaScript errors. Fix those errors and you may find that your problems will go away. Ensure you update your WordPress core, themes, and plugins.

In your child theme,

1. add a new menu to your functions.php file
2. add short-code to the page template (also in the child theme folder).
3. add CSS to properly format the menus.

Try adding the following to your CSS.

.custom-header-media:before {
background: none !important;
}

I used the Chrome Developer tools to see which element had the overlay applied.

What you are looking for is the remove_meta_box function.

Thy adding this to your functions.php file.

add_action('do_meta_boxes', 'remove_thumbnail_box');

function remove_thumbnail_box() {
    remove_meta_box( 'postimagediv','post','side' );
}

See here for details. https://developer.www.ads-software.com/reference/functions/remove_meta_box/

• This reply was modified 5 years, 5 months ago by bcworkz. Reason: code fixed

I have not found a way to reliably have grandchildren in the NAVBAR of Bootstrap. I have seen it done different ways but you have to add jQuery or JavaScript. It doesn’t always work well on mobile.

I removed the Walker class from my menu. Here is an excerpt of a dropdown.

      <li class="nav-item dropdown">
       <a href="#">
          Dropdown link
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
          <a href="/parent-1/child-1">Parent 1 - Child 1</a>
          <a href="/parent-1/child-2">Parent 1 - Child 2</a>
        </div>
      </li>

Do you have the parent menu item in the link href?

• This reply was modified 5 years, 8 months ago by majaid.
• This reply was modified 5 years, 8 months ago by majaid.

Are you calling the right menu in your Walker code?

Here is my sample:

<?php
wp_nav_menu([
‘menu’ => ‘top’,
‘theme_location’ => ‘top’,
‘container’ => ‘div’,
‘container_id’ => ‘bs4navbar’,
‘container_class’ => ‘collapse navbar-collapse’,
‘menu_id’ => false,
‘menu_class’ => ‘navbar-nav mr-auto’,
‘depth’ => 2,
‘fallback_cb’ => ‘bs4navwalker::fallback’,
‘walker’ => new bs4navwalker()
]);
?>

Note that the menu and theme_location entries match the menu slug from the WordPress menu.

You don’t have the navigation in the supplied link set up as parent/children.

You have them all set up as ‘parent’ menu items.

Try dragging one of the menu items to the right (as shown in my example).

If you are using Bootstrap with a Walker class, then it still uses the WordPress menu system.

The Walker class just takes the WordPress menu and formats it correctly for Bootstrap.

Have a look at the two images in this link.

Is your setup like this?

https://drive.google.com/open?id=1EywuOW_2Vk5MwLFrVmogFjdavr1Jtj7M

Do you have the parent/child page hierarchy set up correctly?

See here for a tutorial. https://www.wpbeginner.com/beginners-guide/how-to-create-a-child-page-in-wordpress/

What is the size (in MB) of your mp4 video?

Some times, the web hosting server restricts large upload files.

If the mp4 video file is big, reconsider your intent to self-host it.

You will burn through your bandwidth in no time.

Can you host it on YouTube or Vimeo instead?

Their servers are built for hosting video.

Then what you are trying to accomplish won’t work. The code you used is looking for a directory that doesn’t exist. You need to use the link attached to the image in the media library. Or, you could create a child theme and add the images and directory there.
Then the code should work.

There are different ways to approach this.

1. add this to your CSS file (this only hides the text).

span.posted_in {
display: none;
}

2. You can override the page template using a child theme and remove the code that adds the content to the product page (this removes the text).

3. Check your theme settings, you may be able to disable product categories from showing.

The code looks right. Have you tried examining the code using the developer tools of your browser?
Can you post a link so we can look at the code created?