Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

DaImp

Member
  • Content Count

    5
  • Joined

  • Last visited

  1. So, using /home#ourpurpose does not work on mobile or desktop. I tried using several variations of the path but none worked in mobile. As an extra aside, I added this code to the Code Injection section in the Header box, which allows the site to smooth scroll to the anchor link. Could be useful for anyone else playing around with anchor links: <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script><script type="text/javascript">$(function() {$('a[href*=#]:not([href=#])').click(function() {if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {var target = $(this.hash);target = target.length ? target : $('[name=' + this.hash.slice(1) +']');if (target.length) {$('html,body').animate({scrollTop: target.offset().top}, 1000);return false;}}});});</script> Note: after adding the above code the anchor links are now working in mobile - using /#ourpurpose. Which is odd.
  2. I do have a follow up question: While the links work great in desktop, the anchor link code does not work in mobile (from the hamburger drop down). Is this something that can also be fixed?
  3. Awesome! That works great. It's rather obvious now that it has been explained to me! Thank you 😁
  4. Is there any way to turn the template generated navigation links into anchor links? So instead of opening a new page, the site jumps down the page to the anchor link. I am using the Harris template and my client has decided he wants it to be a single page site, without secondary pages. Is there any way I can achieve this? I have currently added text links to the body of the website to act as the navigation and hidden the template generated navigation. Ideally though I want the navigation to be in the navigation bar and not in the site body. link is here: https://koi-tuba-ck62.squarespace.com/ PW: HaefeleSugaree
  5. Hi guys, I am trying to ensure than an image stays fixed at the same size regardless of the width of the website. I'm particularly trying to make sure the images do not scale when on mobile. I would also like to try left align one image and centre align the other image within the block on the page. This is the code I have tried but have had no luck getting anything to work yet. I know I am referencing the correct images as I can give them background colours, but adjusting the size and positioning is escaping me. Any ideas what I can try? @media only screen and (max-width: 640px){ [alt="spacer-left.gif"] { min-width:1400px !important; height:5px !important; object-fit: none !important; overflow:hidden !important; } [alt="spacer-mid.gif"] { min-width:1400px !important; height:5px !important; object-fit: none !important; overflow:hidden !important; } }
×
×
  • Create New...