Jump to content

Archived

This topic is now archived and is closed to further replies.

Umar Adil

How to create tabs in navigation for page children

Recommended Posts

Umar Adil

How can I create navigation which will show page children as tabs and not a drop down ?

 

[attachment=2137:sub-nav.png]

 

 

As in attachment the Students tab is parent for Socrato for Students, Features etc..  


--

Regards,

Umar Adil

Share this post


Link to post
Share on other sites
Danny

HI,

 

The image you have linked isn't DMS, it looks like iBlogPro 3 or 4, this product is no longer supported.

 

However, all menus are created the same in WordPress, so you should read the documentation on menus in the WordPress Codex.

 

http://codex.wordpress.org/WordPress_Menu_User_Guide


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Umar Adil

The above guide does not show how to create sub menus as tabs but shows sub menus as drop downs like DMS do.

 

I have copied code from iblogPro for showing sub menu as tabs, what section should I use to add php code?


--

Regards,

Umar Adil

Share this post


Link to post
Share on other sites
Danny

If you have an active club subscription, then you can use the NextBox section. If you do not have an active subscription then you will not be able to have access to that section. Therefore, you will need to use a hook, I have already mentioned this in another one of our topics.

 

Please be aware that what you're doing is basically copying and pasting code from a really old legacy theme and attempting to use that code in DMS. I am not sure if this will work or not. Also, this is considered advanced customization. Therefore, we do not provide support for this kind of customization.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Umar Adil

Ok please suggest me a best way to change the drop down menu to individual tabs.


--

Regards,

Umar Adil

Share this post


Link to post
Share on other sites
Danny

If you want a similar navigation menu to how iBlogPro worked, you will either need to use a third party plugin or create the navigation yourself via a custom section. We do not provide support for advanced customization. You would probably find a guide somewhere via Google on how to create a horizontal sub menu for WordPress.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Umar Adil

What is custom  section in DMS? How can I add this to template?


--

Regards,

Umar Adil

Share this post


Link to post
Share on other sites
Danny

When I said custom section, I mean't you create your own section to implement the navigation you desire. I apologise, but what you're attempting to do is considered advanced customization, we do not support.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Liv Kundalini
      By Liv Kundalini+
      Hi -
      Pulling my hair out over here, and would love an assist!
      Site I am building, http://www.livkundalini.com/home, has a problem with the submenu items in the nav not appearing. 
      If anyone wants to see what the Nav should look like, feel free to look in the footer on the left hand side.
      Have tried disabling Pagelines and using the twentyseventeen theme, but problem persists.
      Saw this error (pasted at the bottom of this post) displaying in the inspector, and saw discussion of Jetpack potentially being a culprit. Disabled Jetpack, but the problem persists.
      Had the hosting company even flush the server-side cache, but no avail.
      Any thoughts? Please? It's the only thing keeping me from launching this site!
      Many Thanks,
      Todd
       
      WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403   O @ (index):7
    • Jason
      By Jason+
      Any chance you can add anchors to the tabs shortcode (similar to ultimate shortcode plugin)?
      Just annoying having to use that plugin rather than pagelines one
       
      <h2>Tabs anchors</h2> [su_tabs] [su_tab title="Tab 1" anchor="First"] Tab 1 content [/su_tab] [su_tab title="Tab 2" anchor="Second"] Tab 2 content [/su_tab] [su_tab title="Tab 3" anchor="Third"] Tab 3 content [/su_tab] [/su_tabs] Use next links to switch this tabs <a href="#First">Open tab 1</a> | <a href="#Second">Open tab 2</a> | <a href="#Third">Open tab 3</a>  
    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • nadielp
      By nadielp+
      Hi Everyone,
      I am trying to get a single navigation item to center. I am using a scroll menu in the navigation component of Impulse. I would like to have the item in the center of the page but it defaults right. I tried setting the item to center a few different ways and nothing is working. I added {
        display: inline-block;
        position: relative;
        text-align: center;
      }
      but that didn't work...any help would be appreciated. Site is at http://vetpaw.org/new
       
      Thanks!
      Daniel
    • yemoonyah
      By yemoonyah+
      I just installed and added the Flipper section to my home page and it makes my navigation/menu bar items disappear.
      They do show up again when scrolling down and everything seems normal on the other pages.
      http://yemoonyah.com
      Thanks.
       
×