Okay
  Public Ticket #1538680
want have different menu's on different pages - or hide menu on a couple of pages
Closed

Comments

  • Mads Damgaard started the conversation

    Hi there!

    Theme: Mentor.

    I have built a "onepager" where my main menu scrolls op and down with the link menu clicks via #mypageid etc. that part works ok.

    Now I'm making a "contact me" page and a more-about-me page where i want to have a seperate page loaded. Problem is then that the menu is still the same as for the "onepager" and thus does not work as soon as the customer is on the new "contact me" page. (because the #mypageid is not on the new page) nothing happens when the link is pressed.

    I would like to add an identical menu to these two (or more) pages but where the links underneath the menus go to the "onepager" page which then can do its thing scrolling up and down.

    Hope this makes sense

  •   Ocean replied privately
  • Mads Damgaard replied

    Hmm I tried it and it seems I have to make a whole new page from scratch (instead of adapting one of the already made pages) in order to be able to use sub pages with my onepager. I have seen a plugin Jquery Smooth Scrolling that should do what I want. is there something I should be careful with in order not to break any integration you have made in order to use this plugin?

  •  1,998
    Ocean replied

    Hi,

    you need select template other that you update for your theme.

    I don't sure with plugin but you can try use it.

  • Mads Damgaard replied

    OK, great now i can have a one other menu structure, thanks! :-)

    1) Now for my landing page I'm having the user choose between my two offerings and i cant have a menu show on this page (see attached image 1)

    -  How do i remove the menu from the Landing page?


    2) I use the template other to create a different offering "Business coaching" with a different menu structure. It is important that the two usergroups do not see the parts of the site that is branded toward the other as that might confuse things

    - How do I style the "other" menu so it looks the same as the original "primary" menu (see attached image 1)


    3)The primary menu on the "life coaching" offer (press the lifecoaching image on the landing page)  has a subpage where existing clients can selfbook new appointments. This subpage appears with a very noticable black bar around it.  (see image 2)

    -A) how can i make this bar smaller and slimmer and change the color and/or opacity of it?

    or 

    -B) remove it / change the concept to something else that might work better for my site


  •  1,998
    Ocean replied

    Hi,

    1. you can try use css

    .home.page-template-template-other .nav-toggle, .home.page-template-template-other nav {

    display: none;

    }

    2. you can add css. 

    .left-navigation .menu-subpage-menu-container > ul > li > a {

    padding15px 0;

    text-transformuppercase;

    displayblock;

    font-size13px;

    font-weightbold;

    border-bottom1px solid #f3f3f3;

    color#333;

    }

    3.

    you can add css

    .left-navigation .header4 nav ul ul {

    padding-top: 0;

    padding-bottom: 0;

    background: your color;

    }