The guys from Wp Remix say "we do not guarantee that our theme is working with all plugins out there" and they are perfectly right. This is not their issue and i decided to write a special post about how to solve the dropdown problem.

What is really happening with the dropdown menu?

Well, the dropdown menu is wrapped in a div called "nav" and it's position is declared as relative from the "style.css" file from the Wp Remix theme folder. A quick explanation about relative positioning is that the browser can read the command from the css file as 3D definition, in other words, who is on top of who in the case of two elements are on top of each other. In our case the navigation ID is declared as relative but not set what is the exact position in the Z axis (where x and y define the plan axis and z the depth).

How to solve the Wp Remix dropdown and vSlider dropdown?

Ok! All you need to do is edit your "style.css" file from the Wp Remix theme folder or edit the style sheet from your WordPress admin panel and find the following lines:

#nav {
width:840px;
height:28px;
position:relative;
margin:0 auto 5px;
}

Now change this lines to:

#nav {
width:840px;
height:28px;
position:relative;
margin:0 auto 5px;
z-index: 99;
}

Or you can just add the following line to it: z-index: 99;

Now you have set the navigation dropdown position which will be on top of vSlider.

You should change this code anyhow!

It is not really matter what type of java script you will use on Wp Remix theme (can be a YouTube video as well in your post), your dropdown menu will go under it and you'll face the same problem. Changing the code as showed before will solve this problem.

What about using Wp Remix

This post is in no way intended to change your mind about using Wp Remix theme. I recommend you Wp Remix because it's a really stable WordPress theme and have almost unlimited options. My personal opinion is that the guys behind it made a really good job!

You can download Wp Remix theme here. A single license with all features included will cost you only $75.

You can download vSlider plugin here. This is a free WordPress image slider plugin.

You can install a plugin to remove those suffix dots but is it really necessary? It is just a matter of copy and paste of one of the following codes in your "functions.php" file that is located in the folder of your WordPress theme. Let's get started:

Method 1. If you want to complete remove the suffix dot add the following code to functions.php

function trim_excerpt($text)
{
return rtrim($text,'[...]');
}
add_filter('get_the_excerpt', 'trim_excerpt');

Method 2. If you want to change the [...] with this ... add the following code to your functions.php

function trim_excerpt($text)
{
return str_replace(' [...]', '...', $text);
}
add_filter('get_the_excerpt', 'trim_excerpt');

Method 3. If you want to change the suffix dot with a "read more" link, than add this code to your functions.php file:

function trim_excerpt($text)
{
return str_replace(' [...]', '<a href=" . get_permalink() . ">' . ' read more...</a>', $text);
}
add_filter('get_the_excerpt', 'trim_excerpt');

That's about it... you really don't need a plugin for this.