The temporary url I am using is http://specialagent.apps-1and1.net/ if that is helpful

Many thanks,
Simon

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Question 1:
How can I create an item in the navbar that links to a full screen slider on my single page scroll? The same principle as used on http://theme.co/x/ where it scrolls up and down the page depending on the tab you click. I would like to do this without having to create breaks between sliders

Question 2:
I am going to add text / logo’s etc over the top of my sliders like on website http://www.spwilsher.com/ is it possible to get these to appear when you scroll down over the slider when going down the page? Giving the visual look of the text in http://theme.co/x/demo/ethos/2/?

Question 2.1:
Alternatively, instead of adding layers and effects within the sliders (question 2) would it be easier / is there another way of overlaying text and images that can then have some subtle motion effects?

url http://specialagent.apps-1and1.net/

Thankyou for your response

Thanks for posting in and giving us your site URL.
1. Upon checking your third menu MENU ITEM is now linking and scrolling to the slider. Is this ok now?
2. and 2.1 Please check the thread on this post:https://community.theme.co//forums/topic/button-or-text-layer-in-slider-revolution-fade-up-and-stay-on/.

Hope this helps.

2. I will run through the thread and see how it goes, thankyou

3. Sorry to add questions but is there a way of changing the spacing for the items in the navbar, I would like add more width to the box either side of the text so the items are more spaced out

Thankyou for your help and time so far

#1: You can try adding following JS code under Custom > JavaScript in the Customizer:

jQuery(document).ready(function($) {
  var $body                = $('body');
  var adminbarHeight       = $('#wpadminbar').outerHeight();
  var navbarFixedTopHeight = $('.x-navbar-fixed-top-active .x-navbar').outerHeight();

  function animateOffset( element, ms, easing ) {
    $('html, body').animate({
      scrollTop: $(element).offset().top - adminbarHeight + 1
    }, ms, easing);
  }

  $('.x-navbar .desktop a[href*="#"]').off('touchstart click');
  $('.x-navbar .desktop a[href*="#"]').on('touchstart click', function(e) {
    $href            = $(this).attr('href');
    notComments      = $href.indexOf('#comments') === -1;
    notAccordion     = $href.indexOf('#collapse-') === -1;
    notTabbedContent = $href.indexOf('#tab-') === -1;
    if ( $href !== '#' && notComments && notAccordion && notTabbedContent ) {
      var theId = $href.split('#').pop();
      var $el   = $('#' + theId);
      if ( $el.length > 0 ) {
        e.preventDefault();
        animateOffset($el, 850, 'easeInOutExpo');
      }
    }
  });
});

#3: Yes, you can use following CSS code under Custom > CSS in the Customizer:

.x-navbar .desktop .x-nav > li > a {
  padding-left: 25px;
  padding-right: 25px;
}

Replace 25px (both instances) to your desired left and right spacing of the menu item.

Hope this helps. 🙂

Thank you.

Any help much appreciated

Thanks for writing in again.

We’ll be happy to assist you with this issue, but we’ll first need you to provide us with some information below to check your setup closer (don’t forget to select “Set as private reply” to ensure that your data remains hidden):

Your URL.
Your WordPress login credentials.
Your FTP credentials (in case we need to check anything out on your server).
Once we have all of this, we’ll be happy to take a deeper look into things.

Thanks.