Wordpress; Weptile Slider overlaying menus - css

I'm working on a Worpress site and I stumbled upon this annoying problem: On the very top of my index page I got a widget area which is displaying a Weptile Slider. Everything is a ok except slider is overlaying a Worpress menu (in header.php). What I'm trying to do is to push the slider into background, so the menus will dropdown correctly on top of the slider content. Right now the nav bar is useless. I have no idea what to do.

Use z-index:999; css for menu container.

Related

What is the CSS code for moving button on a slider for Divi Wordpress theme?

I am using Divi Wordpress theme to build my website. I am creating a slider and trying to customize the CTA button. But it will not move from its default center position. Could you help me with the CSS code to move its position?
Here is what I am trying to do:
Screenshot Link
Try this:
Click on the three line in upper left of the module
Click on the three line in upper left of the slide
Click "Advance" tab and scroll down to find "slide button"
In slied button, type margin-left: 75% (play around with this number)
Check this out

meteor login dropdown drops below end of page

I'm using meteor + bootstrap.
My nav is at the bottom of the page and the logginButtons are in the navbar.
The dropdown drops down, below the end of the page.
Is there a way to make it drop up, on top of the navbar ?
The pattern is my background, under firefox's window.
The Bootstrap document states it clearly that
Dropdown menus can be changed to expand upwards (instead of downwards) by adding .dropup to the parent.
You will see a working example if you follow the link.

Complex wordpress menu layout

I am creating a wordpress page with complex menu layout system.
This is a first for me to get stuck with menu.
My menu virtually looks like this, looks simple.
-main_menu_item's
--main_menu_subitem's
---main_menu_subitem2's
but, my site structure is not that easy.
I have horizontal -main_menu_item's on top of page,
after that there is slider and after slider comes horizontal main_menu_subitem's.
Now comes content part of --main_menu_subitem's and if it has ---main_menu_subitem2's they will be displayed on sidebar.
My problem is that how can i break one menu into three different blocks of code that i can display in different places?
MAIN MENU
-main_menu_item
______________________________________________________________________
SLIDER
SLIDER
______________________________________________________________________
SUBMENU OF MAIN MENU
--main_menu_subitem --main_menu_subitem --main_menu_subitem
______________________________________________________________________
IF SUBMENU HAVE ITEMS, ELSE ONLY CONTENT
---main_menu_subitem2 | content area
---main_menu_subitem2 | content area
---main_menu_subitem2 | content area
So, anyone seeing this easy and would like to give me a hand on this?

Logo in between navigation bar menu [Wordpress]

I am developing a website by customizing a wordpress theme. I want to display my logo in between navigation bar menu. like this
Home AboutUs [MY LOGO] Gallery ContactUs
How can I do this? I can create my own divs to achieve this but don't know what should I write for first 2-3 page's links and other 2-3 page's links
If you have any website in mind displays navigation bar like this and is responsive you can give me its link.
Any help would be much appreciated.
your are give the background image on class of the div in the menu so ealiy get icon between the menu.
I have a get issue that type so i have give background image on the class of the div

When adding a Lightbox my dropdown menu shows up on top of the image

I have been trying to set up a simple lightbox for my trip reports on my website. I finally got Lightbox JS to work on my site (I had issues getting Lightbox 2 to load up) but I also use AllWebMenus and when you select the first lightboxed image the menus shows up on top of the photo. Any idea how I can set it up that the menu does not show up on top of the image?
Here is a link to my test page.
Thanks
Just add z-index: 9999 to the div #lightbox

Resources