Jump to content

niccosays

Member
  • Posts

    9
  • Joined

  • Last visited

Recent Profile Visitors

114 profile views

niccosays's Achievements

  1. Hey @iamdavehart, #2 did it! So appreciated, you have no idea. However, is there any way to make the second (mobile) linebreak after the word "and" ? Check it out on mobile. www.mergebusiness.co (pw: thug)
  2. This is a tricky one: I'm having trouble at mergebusiness.co (pw: thug) [business plan] with my header text -- I'm using a 'live' .typeit script and on mobile it runs the text back/forth onto the next line. I would love to add a mobile-only change to this code block to insert a <br> in the text to avoid that happening on mobile. However, since that's not super likely, I created a duplicate .typeit code block tweaked for mobile beneath it, and have tried to hide the desktop code on mobile, and vice-versa. BUT the .typeit second code does not work because it only runs one .typeit script on a single page, it seems. Even when the first .typeit code block is hidden, the second .typeit code block won't run. My solution to this is to try and swap the order of these blocks when viewing on mobile, so the mobile version of the code block takes priority. Can I swap these blocks completely when viewed on mobile? (Neither is hidden right now.) OR-- if you can help me run two .typeit code blocks on the same page simultaneously that would solve it. I can just hide one on desktop and mobile. Thanks to whoever can crack this one. Need to launch this website later this week, so help is appreciated. USING: ".mobile-typeit-container" and ".desktop-typeit-container"
  3. I seem to have resolved it; here is the adjusted code I used to customize the placement of each item: @media screen and (max-width:767px) { div#page-section-607663787647a13eb452193b .span-1 { width: 50% !important; float: left !important; } div#page-section-607663787647a13eb452193b .span-1 .image-block { width: 35% !important; } #block-yui_3_17_2_1_1618506847935_25307 { margin-left: auto !important; margin-right: 6px !important; } #block-yui_3_17_2_1_1618506847935_26763 { margin-right: auto !important; margin-left: -4px !important; } } Thanks again! If there's a simpler code, please let me know.
  4. Thanks! Such a relief, you have no idea. Does each website need a specific/unique code for this? Not sure why this one was so complicated. One thing: the images end up being too big side by side using this code. Any way I can resize them? Also, center them? Your help is golden.
  5. Hello; this is working great on my website. Is it possible to have this running twice on the same page? Seems to fail on the second one.
  6. Site URL: http://mergebusiness.co I've spent too many hours trying to figure out how to make two specific, simple images appear side by side on mobile instead of stack vertically. I've tried countless codes and read through a dozen forum threads but can't seem to figure it out. They are the Facebook and Instagram images on bottom. Site is under heavy construction, especially on mobile. mergebusiness.co, password: thug (don't ask) Thank you in advance!
  7. Thanks -- this code is exactly what I needed. However, It broke my site width also, and removing the code suggested in this thread didn't help when I tried. It looks like the code makes the text flow beyond the width of the mobile view instead of wrap. ** UPDATED: BOTH SOLVED! All I had to do was delete .container under align content. Not sure what that did, but it did the job. 💯 A little help for those trying to add color / bold to their typewriter words, as well as how to add extra text around the typewriter text. Here is what I did (example code): <div class="container"> We partner with <!-- The words that we want to have typerwriter effect --> <b> <p1 style=color:#ffffff;><span class="txt-type" data-wait="3000" data-words='["unicorns", "clowns", "rainbows"]'></span></p1> </b> to make the world a better place. </div> <style>
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.