Jump to content

m_hutchins

Members
  • Content Count

    36
  • Joined

  • Last visited

Community Reputation

1 Neutral

About m_hutchins

  • Rank
    Newbie

Recent Profile Visitors

1,590 profile views
  1. m_hutchins

    Tyring to Turn off/Take Away Page Loader Breaks Pages/Site

    On it! Thanks for the help again!!
  2. m_hutchins

    Tyring to Turn off/Take Away Page Loader Breaks Pages/Site

    It's a little strange, I can get the page to load if I take the loader div out and then take the "page" class out of the wrapping div that follows. But, I'm afraid that there is some code that is inside/using the "page" class and might break. If I'm understanding the loader JS correctly, its saying once the page is loaded, load "page." So when I just take the loader code out the page breaks and I just get a white screen. Is there a way to alter the JS to just run the loader? I hope that makes sense. Thanks again for taking the time to look at this!
  3. m_hutchins

    Tyring to Turn off/Take Away Page Loader Breaks Pages/Site

    I'm trying to remove it. I've tried to just remove the the loader code from the pages, but they pages won't fully load/breaks the pages. I don't feel that it's necessary to have the loader on every page. I don't mind it on the homepage, but after that it's kind of redundant. I just can't figure out how to edit the JS so that it will still load the "page" without the loader.
  4. m_hutchins

    Tyring to Turn off/Take Away Page Loader Breaks Pages/Site

    I also tried to change the class or take it away no luck. Any thoughts would be appreciated, for I am a noobie to JS. Thanks!
  5. Hello there, I should probably disclose that I'm not very savy in JS. I have a site that has a page loader on every page. I just want it on the homepage, but when I remove the page loader from a page, that page won't "load." I think see what's going on with the JS, it's saying when the page is loaded, load .page. But I'm not sure how to code this to just be on the homepage. The code I'm seeing for the the page loader is: // Initialize scripts that require a loaded page $window.on('load', function () { // Page loader & Page transition if (plugins.preloader.length && !isNoviBuilder) { pageTransition({ page: $('.page'), animDelay: 500, animDuration: 500, animIn: 'fadeIn', animOut: 'fadeOut', conditions: function (event, link) { return !/(\#|callto:|tel:|mailto:|:\/\/)/.test(link) && !event.currentTarget.hasAttribute('data-lightgallery'); }, onReady: function () { clearTimeout(loaderTimeoutId); plugins.preloader.addClass('loaded'); windowReady = true; } }); } }); The site is here: https://www.procommak.oiw11.com Any and all thoughts would be greatly appreciated! Thanks in advance, mh
  6. m_hutchins

    Responsive Menu Breakpoints

    I was actually able to kind of figure it out. I literally just just every 992px to 1024px in all the files and it worked. I'm not exactly sure which file(s) where the winners, but at this point, everything appear to work properly. Thanks again!
  7. m_hutchins

    Responsive Menu Breakpoints

    Funce, I tried to edit those a couple of days ago and had no luck. I also changed all the break points at 992 to 1100 in the script.js file and the style.css file and also didn't have any luck. I'm completely baffled. THanks for taking the time to take a peak though!
  8. m_hutchins

    Responsive Menu Breakpoints

    Any help would be greatly appreciated!
  9. m_hutchins

    Responsive Menu Breakpoints

    Haha, I guess that makes things a little difficult. Sorry about that. Here's the site: http://airwavecommunication.oiw11.com/ Thanks!
  10. m_hutchins

    Responsive Menu Breakpoints

    Hello there, I'm trying to have the responsive/"hamburger" menu appear at a slightly larger display screen width (probably around 1024-ish) and not having very much luck. I've tried altering and making this happen with css, but again, no luck. I believe it's being controlled (or somewhat) by JS (and I could be wrong...). Seeing that I'm not much of a JS guy, I'm having some issues figuring this out. I see some breakpoints that I've tried to edit at around line 840 in the /js/scrip.js file...and I didn't have any luck there as well. Any and all help would be greatly appreciated! Thanks in advanced! mh
  11. m_hutchins

    Trouble Sizing/Re-sizing Images in Owl Carousel

    That's what I was kind of figuring, I just can't seem to figure out how to adjust the calculation(s)...
  12. m_hutchins

    Trouble Sizing/Re-sizing Images in Owl Carousel

    Well the actual image sizes are 436 px (w)x 140 px (h). Any size image I put in to the carousel, they get resized to 220px wide. I see this style added in the inspector: <div class="owl-item cloned" style="width: 220px; margin-right: 20px;"> That inline style isn't hard coded on the page(s). I seem to almost always struggle controlling and altering the image sizes on these scrollers/carousels. Hope that helps.
  13. Hello, I seem to be having an issue getting the images in an Owl Carousel to size correctly. I think think the width of the images are being calculated in the JS, but I'm not 100%, JS is definitely not my strong suit. Maybe there's a way to override it with CSS, but I'm not having much luck. Here's a link to the site: https://www.eengineering.com/ (it's the slider right above the footer with the logo's) Any and all help would be greatly appreciated! Thanks in advance!
  14. Hello there, I've come across an issue where I'm pretty certain is derives from the JS. I have a site I'm working on and the issue is that the main navigation on laptops and desktops that have a touchscreen display is defaulting to the "mobile/touchscreen" menu/hamburger menu. On FF and Chrome the issue is apparent, for some reason it is displaying correctly on Edge. Here are some visuals of my findings: This what we see on my laptop (with touchscreen) in FF: A: https://www.screenmailer.com/v/5jMWcKasUpzC81k This is what it should look like (same laptop with touchscreen) in Edge: B: https://www.screenmailer.com/v/06hBfp7ZYMaprGE To show why I think this is a JS issue, this is what it looks like in FF on laptop (with touchscreen) AFTER I take out the initial fucnction name "ontouchstart" on line 102 in the core.min.js file: C: https://www.screenmailer.com/v/DcakXzx8EdXhprc (you can see the "desktop" nav/menu, it's a little jacked up, but it's there) I'm working on test files to not mess with any of the live site. Test site/files/page here: http://www.mcintoshcommdev.oiw9.com/index-testing.htm I've tried for WAY too long messing with and trying to alter media query's in the CSS, with no luck. Unfortunately, I'm sh*t with JS...still super newbie! Any and all help or nudge in the right direction would be GREATLY appreciated! Thanks in advance, mh
  15. m_hutchins

    Needing to add spacing on all page anchor links

    I found this solution and it seems to do the trick as far as I can see: a[name] { padding-top: 110px; margin-top: -110px; display: block; }
×