Home>Support>Vantage Theme navigation menu and back to top button

Vantage Theme navigation menu and back to top button

Hey. I would like to make the navigation menu abit wider, so I could put more “pages” there for the menu, and so it would be just one row. At the moment ive got total of 8 pages. and there is two rows, second row is starting with the 8th page. Also I would like to change the title of the “Back to up” button, i would like to know where can I modify it which .php file.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Martin Achen

    Do you have a public URL where we can take a look so I can provide custom CSS? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

    Regarding the back to the top text. The code can be found in functions.php on line 324 in the function vantage_back_to_top().

  2. 8 years, 7 months ago Private Message - Martin Achen

    This is a private message.

  3. 8 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Martin,

    To be honest. I’m not really sure if I follow. So, you want the user to be able to go to one of five pages (freely). However if the user happens to be on Sample page, they’re not allowed to directly go to Sample page 2? If that’s the case that’s not really something I can help you with as that’s not a standard Vantage feature. The best I can really suggest however would be to remove all links to the page you don’t want them to click to when on that page. It’s obviously not ideal but that’s the only solution I’m seeing at this time.

    If I’m misunderstanding what you would like by all means please feel free to correct me.

  4. 8 years, 7 months ago Martin Achen

    Well basically. I can go over it also. Im going to make a “Sample Page 2” which is under the Sample Page (As a drop-down menu).
    I am not going to add any kind of text to “Sample Page 2”, I want to add text and pictures to 3 different pages what I am going to create under “Sample Page 2”, those pages were “ABC”, “BDC”, “CDC” (For an example). The main thing is, I want the visitor of my website available to click “Sample Page”, there will be some information written for sure. Also I’d like my visitors to be available to click on pages: “ABC”, “BDC”, “CDC” because I am going to do sort of gallery there. I do not want to have availability to click “Sample Page 2” anyhow.. “Sample Page 2” will just be a “nut” in the menu.

    It will basically be for an example because if I would like to call “Sample Page 2” as “Doors”(In that way it would give some information about some materials or etc.). And under the “Doors” those 3 sub-pages I’d call for an example “Dark Shade”, “Bright Shade”, “Middle Shade”.

    So basically the point of the “Sample Page 2” will just be to kind of have a point what thing is it and then there will come various types of colours or stuff.

    Cheers.

  5. 8 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Martin Achen

    Thank you for the explaining that. That’s possible however it’s… kind of tricky as you’ll have to do this per menu item – it’s not a global thing. Here’s how to do it for one occurrence.

    Create the menu how you intended. Then navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Expand it and click the menu you intend to hide. Now take a look at the image below and you’ll see that I’ve highlighted the number you need to target.

    Capture

    Now that we have the number we can get started on the design. First things first; we have to hide the actual link so it’s no longer clickable. To do this, we’ll make use of the following CSS.

    .menu-item-NUMBERHERE a {  display: none;}

    Then, let’s put in a basic separator. You can adjust to your liking later.

    .menu-item-NUMBERHERE {    margin: 0 15px;    height: 5px;    display: block;    background: #fff;}

    Sadly that’s about as much help as I can offer in customising the separator but it shouldn’t be too hard for you to figure it out from here on out.

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More