Complex wordpress menu layout - wordpress

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?

Related

Wordpress Genesis framework menu

There is something really strange happening with the menu on the child theme "Education" of the Genesis framework. This framework has two navigation positions: primary and secondary. As you can see here both appear one under the other in the red area. However, there is a third position that seems to be hardcoded in the child theme (?) and won't go away even if I don't assign a position to the menu.
Can you guys give me an idea what is going on? I'm not very good at this stuff. I tried looking into the child theme's code, but found nothing referencing this...
Ultumately what I want to do is use the top position (the one in the white area), but I can't, because I need to make the site multilingual, but that top position doesn't appear in the menu options, so I can't assign different menus for the different languages.
The white area at the top right is a widget area. The site already has two widgets in that Header Right widget area - a text widget (with the phone number), and a nav menu widget (the three locales).
You could make it two nav menu widgets. See Appearance -> Widgets, or use the Customizer. Alternatively, you could adjust the CSS, so that the red / grey locale 'tabs' become different looking links with a white background.
Also useful, if you do just need a single menu location there, would be the Genesis Header Nav plugin.

jump to a specific location within a page having STICKY MENU

i am trying to build a website..i am using a "sticky menu" concept which automatically minimizes its height after certain scroll..now the problem is when there is a jump within a page,the sticky menu covers half the content on jump!
for example..look at this website:
type in---"www.sitnlearnit.com" in your address bar...
in that website,when we navigate through "COURSES OFFERED" item and select any list item,we are supposed to jump to that location! it is happening..but the content is covered by sticky menu..
how to solve this???
Design the site so that the area where the sticky menu will be will never have content in it - wherever the menu moves in that space, there will never be content to cover up.

Wordpress; Weptile Slider overlaying menus

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.

Change position to the default main menu of a theme

Maybe the question is silly, but I just start to look into Drupal and I cannot find any relatives information on the web.
I have installed a theme (corporate clean) that use a inline main navigation just after the logo and before the gallery.
I would like to change that menu position. Move the main menu on the left side.
But everytime I give to navigation or main menu block the 'navigation' position, I see a new block filled in with the same main menu links.
Instead I want the first link be relocated in the left side.
How could I do that?
(btw the theme has even a navigation block, but it cannot understand how it work exactly..)
thanks
The menu is usualy inserted in the page.tpl.php you can move it around in this file.
Alternatively you can go to admin/appearance/settings/yourTheme and turn off "Main menu" and "Secondary menu" and use the Menu block module to position menus where you want them.
Do you mean you want the main menu (that is initially in the "navigation" area, like horizontally) in a new column on the left side, like vertically?
If yes, just go in administration>structure>blocks and drag your "Main Menu" in "First Lateral Bar" area (under Content, in Coporate Clean theme). Save and check the result.
If not, do you want your Main menu just like it is now but aligned left instead of right? If yes, just play with CSS.

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

Resources