(Help) Links not working on my page

[DriftDev]

Hello,
Just need some quick help, I think jQuery is stopping my links from working however I cant remove jQuery because i have other elements on my page that rely on it. The links work when I load an unminified jQuery but then the other element dosnt work.

If you feel you can help, add my skype: Drift Development or just comment below

 

[Wvisoecj]

Post your information here, not a lot of people are going to go through the hassle of adding you on skype for a small fix.

 

[DriftDev]

Using Bootstrap

Using this CDN:
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js

Code for hero image that uses jQuery to resize itself to the viewport:

jQuery(document).ready(function(){
// Defining a function to set size for #hero
    function fullscreen(){
        jQuery('#hero').css({
            width: jQuery(window).width(),
            height: jQuery(window).height()
        });
    }
 
    fullscreen();

  // Run the function in case of window resize
  jQuery(window).resize(function() {
       fullscreen();         
    });

});

If you need anything else let me know.

 

[lAkjtzAZ0]

Using Bootstrap

Using this CDN:
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js

Code for hero image that uses jQuery to resize itself to the viewport:

jQuery(document).ready(function(){
// Defining a function to set size for #hero
    function fullscreen(){
        jQuery('#hero').css({
            width: jQuery(window).width(),
            height: jQuery(window).height()
        });
    }

    fullscreen();

  // Run the function in case of window resize
  jQuery(window).resize(function() {
       fullscreen();      
    });

});

If you need anything else let me know.

I don't know js/jquery too well, but that doesn't appear to have anything to do with links. Can I see your html code for the links that aren't working?

*Could you post the website URL?

 

[DriftDev]

I don't know js/jquery too well, but that doesn't appear to have anything to do with links. Can I see your html code for the links that aren't working?

    <section id="contact" class="contact light">
            <div class="container">
                <h2>Contact Me</h2>
                <div class="row">
                    <div class="col-md-6">
                        <a href="skype:driftxdevelopment" class="skype">
                            <div class="contactbox hvr-bob">
                                <i class="fa fa-skype fa-4x"></i><p>Drift Development</p>
                            </div>
                        </a>   
                    </div>
           
                    <div class="col-md-6">
                        <a href="mailto:[email protected]?Subject=" class="email">
                            <div class="contactbox hvr-bob">
                                <i class="fa fa-envelope fa-4x"></i><p>[email protected]</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
    </section>

 

[Wvisoecj]

You can avoid using jQuery if you add

height: 100vh;
width: 100vw;

In your CSS where you want a full screen element. It doesn't look like it should affect your links though.

 

[lAkjtzAZ0]

<div class="row">
                    <div class="col-md-6">
                        <a href="skype:driftxdevelopment" class="skype">
                            <div class="contactbox hvr-bob">
                                <i class="fa fa-skype fa-4x"></i><p>link</p>
                            </div>
                        </a>  
                    </div>
          
                    <div class="col-md-6">
                        <a href="mailto:[email protected]?Subject=" class="email">
                            <div class="contactbox hvr-bob">
                                <i class="fa fa-envelope fa-4x"></i><p>link</p>
                            </div>
                        </a>
                    </div>
                </div>

AFAIK skype is as follows:

skype:profile_name?action

so it would be

skype:driftxdevelopment?add

 

[DriftDev]

In your CSS where you want a full screen element. It doesn't look like it should affect your links though.

Yeah its not the code for the hero image to be resized thats not making the links not work its the jQuery file itself but i think it will be fixed if i add those css styles. I'll have a problem in the future if i need to use jquery though D:

AFAIK skype is as follows:

skype:profile_name?action

so it would be

skype:driftxdevelopment?add

Ah, awesome thank you [DOUBLEPOST=1478817962][/DOUBLEPOST]

*Could you post the website URL?

Its hosted on my computer and i dont really want to give my IP away, if you want like 10 minutes i'll have it on my host though.[DOUBLEPOST=1478818243][/DOUBLEPOST]Nevermind, I have other features that need jQuery in order to work so I cant just remove jQuery. Need to find the conflict or whatever the problem is. Wvisoecj

lAkjtzAZ0
Heres the website url: http://driftdev.net/