scottiescotsman

oh sorry lol

<div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#about">ABOUT</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#skills">SKILLS</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#services">SERVICES</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#projects">PROJECTS</a>
                    </li>              
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#blog">BLOG</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#contact">CONTACT</a>
                    </li>
                </ul>
            </div>

just need the sliding-middle-out class attached

here you go.
Steven

• This reply was modified 8 years, 1 month ago by scottiescotsman.

here is the code you asked to see

<div class="collapse navbar-collapse" id="mainNavbar"><!-- NAVBAR COLLAPSE -->        
                        
                        <div class="site-nav"><!-- SITE NAV -->
                        
                            <?php
                            
                                $args = array(
                                
                                    'theme_location' => 'primary'
                                
                                );
                            
                            ?>
                            
                            <?php wp_nav_menu( $args ); ?>
                            
                        </div><!-- ./SITE NAV -->
                        
                    </div><!-- NAVBAR COLLAPSE -->

hope this helps you to help me ??
Steven

anyone any ideas ?

this is for drop down menus ?? I just have a bootstrap nav style not a drop down menu.

where did you find it truong giang ?

if you are talking about the closing container tag, that is the one that is opened at the end of the header, so all body content inside it.

• This reply was modified 8 years, 1 month ago by scottiescotsman.

Hi mark,
Buttons work great ?? just need for it to scroll to bottom + 50px [navbar height].

Also thanks for your replies and input much appreciated.
Steven

thanks for reply ??
my site is .. https://www.scottiescotsman.com and as you can see I’m a newbie lol

Thanks
Steven

p.s. would love to get it x-50px and same foy y axis.

• This reply was modified 8 years, 2 months ago by scottiescotsman.
• This reply was modified 8 years, 2 months ago by scottiescotsman.

cant see anything … geezo gRR!

I know why its not working …
font awesome isn’t working locally but the live site is STRANGE as both have same files loaded.

…hmmmm

• This reply was modified 8 years, 2 months ago by scottiescotsman.

oh! damn …. ok I go fix ??
no it looks ok

function bd_theme_js() {
	
	wp_register_script( 'bootstrap_js', get_template_directory_uri() . '/js/bootstrap.min.js' );
	
	wp_enqueue_script( 'bootstrap_js' );
	
	wp_register_script( 'back-to-top_js', get_template_directory_uri() . '/js/back-to-top.js' );
	
	wp_enqueue_script( 'back-to-top_js' );
}

add_action('wp_enqueue_scripts', 'bd_theme_js');

• This reply was modified 8 years, 2 months ago by scottiescotsman.
• This reply was modified 8 years, 2 months ago by scottiescotsman.

ok here we go I have made a js file called back-to-top with this code in it.

jQuery(document).ready(function($){
	$(window).scroll(function(){
		if ($(this).scrollTop() > 400) {
			$('.backtotop').fadeIn();
		} else {
			$('.backtotop').fadeOut();
		}
	});
	$('.backtotop').click(function(){
		$('html, body').animate({scrollTop : 0},400);
		return false;
	});
});

and added the code below to my footer before the <?php get_footer(); ?>
<a href="#" class="backtotop"><i class="fa fa-sort-asc" aria-hidden="true"></i></a>

also added the loading of the js file into functions.php

function bd_theme_js() {
wp_register_script( ‘bootstrap_js’, get_template_directory_uri() . ‘/js/bootstrap.min.js’ );
wp_enqueue_script( ‘bootstrap_js’ );
wp_register_script( ‘back-to-top_js’, get_template_directory_uri() . ‘/js/back-to-top.js’ );
wp_enqueue_script( ‘back-to-top_js’ );
 }
add_action(‘wp_enqueue_scripts’, ‘bd_theme_js’);

hope that is right lol …give me strength ??

• This reply was modified 8 years, 2 months ago by scottiescotsman.
• This reply was modified 8 years, 2 months ago by scottiescotsman.

I must have a serious case of I don’t know what the f**k I’m doing syndrome lol

Did as you said and nothing geez I’m an idiot lol

ok added:

<i class=”fa fa-sort-asc” aria-hidden=”true”></i>

<?php wp_footer();

and added

function bd_theme_js() {

wp_register_script( ‘bootstrap_js’, get_template_directory_uri() . ‘/js/bootstrap.min.js’ );

wp_enqueue_script( ‘bootstrap_js’ );

wp_register_script( ‘back-to-top_js’, get_template_directory_uri() . ‘/js/back-to-top.js’ );

wp_enqueue_script( ‘back-to-top_js’ );
}

add_action(‘wp_enqueue_scripts’, ‘bd_theme_js’);

to functions.php

and made a .js file called in /js/back-to-top.js

with the code you supplied…. and nada ??

thanks for trying ??

Steven

• This reply was modified 8 years, 2 months ago by scottiescotsman.

Tried this scroll-to-top

inserted all the code but couldn’t get it to work grr
could some of you good fellows help as I need a scroll thingy lol

Thanks in advance
Steven

I think the more I get into the coding, the more I want to know, and the more help I need ??

wish I had some peeps to help ??

I know you are all here and is great but I am so not well and I on like 31 tabs a day and it gets a little much, but she my baby and I determined to fix her after a had a hacker destroy my last attempt.

• This reply was modified 8 years, 2 months ago by scottiescotsman.

no sorry I didn’t explain myself correctly.

i have coded a wordpress-post-thumbnail-grid.php but how do i implement it to my blog posts page?

Thanks in advance
Steven