Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 11, 2016 at 8:34 am #630517
    shreinmedia

    I was browsing the theme showcase and found one from dialedinmarketing – http://www.qfor.com/

    I was wanting to know how the on page menu was achieved. I tried to find info to contact dialedinmarketing myself, but was unable to.

    Any help would be much appreciated.

    May 11, 2016 at 9:59 am #630552
    Guenni007

    well you mean it on the right side?

    it was a codeblock inserted on that page with a menu (ul etc. pp)
    his code there is for css:

    #menu {
    color: #fff;
    font-family: "Montserrat","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    position: fixed;
    right: 55px;
    top: 40%;
    width: 15%;
    z-index: 100;
}

    and on code-block element he inserted 

    <ul id="menu">
	<li data-menuanchor="welcome" class=""><a href="#welcome">Welcome</a></li>
	<li data-menuanchor="healthcare" class=""><a href="#healthcare">Healthcare</a></li>
	<li data-menuanchor="education" class=""><a href="#education">Education</a></li>
	<li data-menuanchor="featured" class=""><a href="#featured">Featured</a></li>
	<li data-menuanchor="contact" class="active"><a href="#contact">Contact</a></li>
</ul>

    etc.

    May 11, 2016 at 10:42 am #630571
    Guenni007

    but i think it could be easier to place a custom widget area on the page/post and put in that custom-widget-area an individual menu on widgets.
    The rest is css .
    The great advantage of that is that you do not care about how the menu code is. Just create an indiviual menu and put it into that widget area.
    And if you place it in “display everywhere” in combination with f.e. plugins like restrict-widgets you can show it whereever you want it or not.

    May 11, 2016 at 8:11 pm #630937
    shreinmedia

    Thank you much Guenni007.

    I followed your instructions… Thank you.

    Would you mind taking one more look and see if you can determine why after selecting one of the anchor links, there is an inability to then activate the menu… You should be able to see what I mean. You can’t activate the a href once it moves to a different location on the page rater than the top.

    Style Guide

    Cheers.

    May 12, 2016 at 1:17 pm #631327
    Vinay

    Hi,

    The menu cannot be accessed when you click on it because the container element is overlapping it. Try increasing the z-index of the menu to 99999 if that don’t help please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username

    Best regards,
    Vinay

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.