Navigation Bar on each page - by johntheone

This topic has 21 replies, 4 voices, and was last updated 10 years, 3 months ago ago by Eva Kemp

  • Avatar: johntheone
    johntheone
    Participant
    July 29, 2014 at 16:20

    Hello, 8 theme

    i wanna know how can i make a fixed widget such that for my ” OUR SERVICES ” tab, it will show the categories

    e.g.

    https://www.8theme.com/demo/legenda/shortcodes/video/#

    on the left u guys have the whole column list for people to see the sub page

    and also

    for the footer
    https://www.8theme.com/demo/legenda/shortcodes/video/#

    the OUR STORE // OUR SERVICE

    got the subpage as well, may i know how to make it?

    20 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 29, 2014 at 16:54

    Hello,

    Please read our documentation how to create footer: https://www.8theme.com/demo/docs/legenda/index.html#!/footer
    To have navigation menu in sidebar you need create custom menu first and use Custom Menu widget in Appearance > Widgets. Here are the tutorials how to do this:
    http://startcompeting.com/all/how-to-add-custom-menus-to-your-wordpress-sidebar/
    http://en.support.wordpress.com/widgets/custom-menu-widget/

    Regards,
    Eva Kemp.

    Avatar: johntheone
    johntheone
    Participant
    July 30, 2014 at 14:11

    thx for your reply

    may i know how to make the navigation bar scrollable like this one?

    https://www.8theme.com/demo/docs/legenda/index.html#!/footer

    Avatar: johntheone
    johntheone
    Participant
    July 30, 2014 at 14:15

    one more question, may i know how to make the chat console pop up it self when scrolled to the bottom juz like u guys doing now?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 30, 2014 at 14:25

    Hello,

    1) Your question is a bit unclear for us. Could you please clarify us with more details?
    2) Concerning your second question it requires additional customization and is a paid service.

    Regards,
    Jack Richardson

    Avatar: johntheone
    johntheone
    Participant
    July 30, 2014 at 14:56

    hello jack

    per Eva’a explanation, it taught me how to make the short-code navigation bar just like
    https://www.8theme.com/demo/legenda/shortcodes/video/#

    *on the left

    But as my naviagation bar is too long, and i wanna make it scrollable , just like:
    https://www.8theme.com/demo/docs/legenda/index.html#!/footer

    *on the left

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 30, 2014 at 15:09

    Hello,

    Please provide us with link to the page with menu and we’ll try to help you out.

    Regards,
    Jack Richardson

    Avatar: johntheone
    johntheone
    Participant
    July 30, 2014 at 16:03

    private

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 30, 2014 at 16:29

    Hello,

    Please try to use this code in custom.css file:

    .widget_nav_menu {
        overflow-y: scroll !important ;
        overflow-x: hidden !important;
        height: 500px;
    }

    Change the height value to the one you need.
    Here you can watch the tutorial how to create custom.css.

    Regards,
    Eva Kemp.

    Avatar: johntheone
    johntheone
    Participant
    July 30, 2014 at 16:59

    hi, Eva

    thx for your reply.

    i put the navigation into the “Main slideBar”

    may u suggest what to change with the name? -> .widget_nav_menu

    Avatar: Eva
    Eva Kemp
    Support staff
    July 30, 2014 at 17:09

    Hello,

    Is the provided code not working?
    Sorry, but without seeing the site it’s difficult to provide with the correct code.

    Regards,
    Eva Kemp.

    Avatar: johntheone
    johntheone
    Participant
    July 31, 2014 at 13:18

    hi Eva,

    i have followed your video which teaches how to make a new menu

    my new menu name is Sub-Nav

    as the code:
    .widget_nav_menu {
    overflow-y: scroll !important ;
    overflow-x: hidden !important;
    height: 500px;
    }

    is pointing to .widget_nav_menu

    may i know where do u need to put the custom menu in? its currently in Main Sidebar

    and all my pages are using widgitzed in static blocker to use Main sidebar

    anything wrong with the settings?

    Avatar: Eva
    Eva Kemp
    Support staff
    July 31, 2014 at 13:32

    Hello,

    Sorry, but we need to see the site to have clear meaning what code to provide you with.
    Which page you want the custom menu to be displayed on? You can create a new sidebar area in Appearance > Widgets and drag Custom Menu widget in there. After that select the created widget area in the page editor as described in our documentation: https://www.8theme.com/demo/docs/legenda/index.html#!/custom_widget_areas

    Regards,
    Eva Kemp.

    Avatar: johntheone
    johntheone
    Participant
    August 2, 2014 at 05:00

    Hi Eva

    I know how to create a new menu
    What I already did is:
    – I created a new menu called sub-menu
    – I dragged the sub menu to appearance -> widget -> main sidebar

    – for around 20 pages of my webpage, I already used main sidebar

    Everything is working fine
    The only problem is because I have too many subpages for that menu so that it happens to be that it I want to have a scroll option.

    The code you provided ( thanks ) is not working because I think the code is for fitting for my widget name

    My question is, will you please kindly advise based on the code you provided, what should I change to make the code able to work on my website

    Where can I see the code ? Sorry but I really wanna acquire this knowledge myself. Thanks

    Other things is, will you please tell me for the code you guys using on footer:- our services-> it is quite good that to use the HTML alike code to make the tree and add link

    I can use it well, may I know how to make indentation with those code ? Thank very much

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 2, 2014 at 07:10

    Hello,

    Could you please tell us which css classes your menu has?

    Regards,
    Jack Richardson

    Avatar: johntheone
    johntheone
    Participant
    August 3, 2014 at 11:00

    hi Jack

    thx for your reply, its ok man, i decided to use another method which u guys stated in the documentation, using the normal WYSIYG images.

    I have another question, sorry for so many questions, kinda newbie here.

    I wanna know how can i make my portfolio pages when clicked on the ” 8 ” shape like icon, it will not be redirected to the detail information of that page but get redirected to a custom link i want?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 3, 2014 at 12:58

    Hello,

    Sorry, but it requires additional customization and is a paid service.

    Regards,
    Robert Hall.

    Avatar: johntheone
    johntheone
    Participant
    August 3, 2014 at 15:11

    Hello Robert,

    Thx for your reply, but this is rather disappointing.

    May you please share some coding infromation such as which file is portfolio settings using so that I may change the link and redirect it to my desired webpages? Thx man

    Avatar: johntheone
    johntheone
    Participant
    August 3, 2014 at 15:56

    hi 8theme

    while waiting, i went to install a wordpress plugin called “Portfolio”

    it erased that portfolio page completely.. how can i add it back?

    in visual composer? or?

    Avatar: johntheone
    johntheone
    Participant
    August 3, 2014 at 16:08

    and in the page attribute , i cannot find the portfolio template..

    Avatar: Eva
    Eva Kemp
    Support staff
    August 3, 2014 at 16:38

    Hello,

    Try to delete that plugin.
    Also please provide us with FTP/wp-admin panel credentials in Private Content.
    Thank you.

    Regards,
    Eva Kemp.

  • Viewing 21 results - 1 through 21 (of 21 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.