Jump to content

Archived

This topic is now archived and is closed to further replies.

Leonardo da Vinci

Ddding some customization on the scroll-nav menu ?

Recommended Posts

Leonardo da Vinci

Hi 

 

I am using scroll-nav menu, It is fantastic section ! 

 

I need to add some customization on it and I need help also

How to add a title above the scroll-nav menu ?

when scrol down , how to make the the scroll-nav menu keeps the same width before scrolling down  ?

How to change the width/height of each title of menu ?

how to change the direction to Right to left like (..... - title3 - title2 - title1)

 

What I want is the same of the scroll-nav menu in this BBC I wonder page, Please may you help me  ;)

 

Thanks

Share this post


Link to post
Share on other sites
Danny

Hi,

 

Scroll-Nav is a third party extension and therefore, we are unable to provide support. Therefore, I have moved your topic to the correct location and bestrag mentioned the developer who will be able to provide assistance.

 

In future to speed your the response time, please be sure to post your topic in the correct forum.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
bestrag

Hello, Leonardo da Vinci.

 

I will be able to assist you with this in 24 hours.

 

regards,

Bestrag


bestrag.net

professional dms plugins 

 

Share this post


Link to post
Share on other sites
bestrag

Hello again.

 

I will try to be short:

 

1. This is not supported. However, you can accomplish this with a touch of jQuery

<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery('.section-scroll-nav .scrollnav').prepend('<h3 class="scrollnav-header">Custom Scroll Nav Header</h3>');
  });
</script>

Add this code to custom scripts in editor (custom -> custom scripts) and change text of heading. Then, you can style it using .scrollnav-header class

 

2. Also not supported. This will be added in next update. For now, you can accomplish this through less/css.

 

Add this line of code:

    - to your style.less file

or

    - to wp-admin page -> Pagelines -> DMS LESS Fallback

.section-scroll-nav .scrollnav.stuck{width:@plContentWidth;left:50%;;}

3. You can ajust all css properties of Title, Subltitle and Icon with this selectors

.scrollnav .snav-title{}
.scrollnav .snav-subtitle{}
.scrollnav .snav-icon-holder{}

font-size of the icon can be set through Scroll Nav options (Icon and Text color & size -> Icon Size in pixels)

 

4. Not supported. If anyone else requests it, i will add it to some future update.

 

regards,

Bestrag


bestrag.net

professional dms plugins 

 

Share this post


Link to post
Share on other sites

×