SquareRefresh

33 minutes ago, kiaha said:

Yay it worked! 😄

Thank you so much!

You're welcome!😄

4 minutes ago, harrydimond said:

It worked! Thank you!

You're welcome!

6 hours ago, Elsi said:

Site URL: https://lolaslevel1.com.au/

Hello, does anyone know how I would code this amazing ripple effect into my Squarespace site?

Thank you so much!

https://lolaslevel1.com.au/

Hey @Elsi it's a custom feauture for the Squarespace, I think You need to hire JavaScript Canvas developer.

13 hours ago, kiaha said:

Hello,

I was just checking on the (almost) finished website on mobile devices to make sure everything works fine, and figured that the hamburger is moved.

I checked on the inspection from chrome (green circled), and it looks okay from there.

 

 

But on actual device, my phone, it comes off. (red circled) 

I need this to align with the table of contents margin- just like the one on the top image.. or at least give enough space between the cart icon and the hamburger because it was pretty hard to click.

 

PW to the website is: dotdot-shop

It would be great to get some help since this is like I don't even know what the problem is... 

 

Thank you so much!!

Hey, try to add next code in Custom CSS. Let me know if it's work for You.

.burger {
  padding: 0 !important;
}

6 hours ago, Somni said:

Thanks a lot that did it - but is there any way to make it valid for every search, it is still showing the link when I search other words

Yes, You should to add each keyword into this style, for example:

.search-result[data-url="/undergang"],
.search-result[data-url="/keyword2"],
.search-result[data-url="/keyword3"],
.search-result[data-url="/keyword4"] {
  display: none;
}

9 hours ago, L1NST3R said:

Hey, that worked, thanks!

You're welcome!

14 hours ago, alanx said:

Thank you for the updated code. I've noticed that the icons on mobile are too close to each other? Any way to spread them out just a little? Thanks.

Sure, You can control a margin using next code:

@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) {
  .header-actions--right .header-actions-action--social .icon:not(:first-child) {
    margin-left: 3vw;
  }
}

4 minutes ago, alanx said:

Nope, doesn't work.

Please replace, I changed the code and let me know if it work.

3 hours ago, alanx said:

In Squarespace 7.1 on mobile, social icons are always inside navigation overlay at the bottom. Instead, I would like to move them into header and hide burger menu.

Hey @alanx try to add next code into Custom CSS:

@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) {
  .header-burger {
    display: none;
  }

  .header .header-actions,
  .header .header-actions-action--social {
    display: flex;
  }

  .header .header-title-nav-wrapper {
    flex: 1 0 67%;
  }
}

3 minutes ago, Begona said:

Oh, I see!

Thank you so much for your help @SquareRefresh!

You're welcome!

6 hours ago, Begona said:

However, this (and other code alternatives I've tried) are making my logo not clickable in the center.

Any expert developer who can help me avoid this issue?

Hey, this behavior happen because Your menu overlapped a logo.

7 hours ago, kiaha said:

Hello Team

I found out the cart page on mobile version doesn't have any margin, and couldn't how to solve this issue.

The password is dotdot-shop

It would be great to get some help with this.

Hey @kiaha try to add next code into Custom CSS:

.system-page {
  padding-left: 6vw;
  padding-right: 6vw;
}

2 hours ago, jilldiane_ said:

That worked, thank you so much!

You're welcome!

24 minutes ago, PROTOTYPELA said:

Thank you for your response- that worked perfectly.

You're welcome!

1 hour ago, Maksymrewko said:

Thanks- much appreciated

You're welcome!

On 11/17/2021 at 7:01 AM, Somni said:

Hey thank you so much for the code. It fixed the italic issue but the link in the end is still there. Is there any way actually to remove that link for any search result?

Appreciate the help

Try this:

.search-result[data-url="/undergang"] {
  display: none;
}

5 hours ago, Maksymrewko said:

Text is set to centre on my mobile breakpoint buy my accordians dont seem to be following the rule. The header stays left aligned with the items in the accordain being centre aligned?

Any fixes for this?

Hey @Maksymrewko You have a custom styles conflict. Try to add this:

.sqs-block-accordion .accordion-item__description p {
  text-align: left !important;
}

5 hours ago, Lindsey14 said:

I want the tittle in the header at the left to be:

 

Advanced Fitness School - Eric D Haun

Online Personal Training

How can I do this? Have tried some HTML and CSS but nothing has worked!

Hey @Lindsey14 please make Your site like passoword protected and provide the password.

5 hours ago, L1NST3R said:

Is there a way to reduce the spacing on the sides of the mobile store page? Thanks!

Hey @L1NST3R try to add next code in Custom CSS:

@media screen and (max-width: 767px) {
  .tweak-products-width-full .products.collection-content-wrapper {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}

6 hours ago, muffy said:

Hi! I tried this on my site title, but for some reason it makes the bottom half disappear in mobile view. it appears to be because of the "transparent" part of the code, but without that the gradient goes away. Any thoughts?

Hey @muffy please provide You site URL.

9 hours ago, Mareina said:

Hi guys,

for some reason my text is shown with an automatic indent when I look at the preview (it doesn't show like this when I edit the page).

I didn't use the automatic numbering tool and tried to remove formatting etc., but can't seem to find what's wrong.

Has someone maybe an idea on where the issue would be?

Hey @Mareina can You pease make You site like password protected and provide the password?

9 hours ago, SanchezisFine said:

Hi, the image that I set up for my social sharing isn't showing anywhere. Whenever I type the link to my website, it shows an old image no matter where I share it, be it Facebook, Instagram, discord, chats, forums, etc. I'm using 7.1.

Hey @SanchezisFine is this incorrect sharing image?

9 hours ago, JuliaHeld said:

How do you add a line below the text or change background color on rollover on the drop down menu pages in 7.1.

It is very hard to tell what you are rolling over. I'm open to other options too. Can the background color change behind the text? 

Hey @JuliaHeld try to add next code in Custom CSS:

body:not(.header--menu-open) .header-nav-folder-content,
body:not(.header--menu-open) .language-picker-content {
    background-color: red; //Background Color
    border: 1px solid #000; // Border
}

11 hours ago, yoloyoli123 said:

I need help on customizing a menu. I'm completely new to coding for website design so bare with me. I want to customize the menu of my website to have a background that I created. I don't want the default solid color, I want to be able to put my own created menu from adobe illustrator. How would I go about doing this?

Hey @yoloyoli123 please provide Your site URL. 

11 hours ago, jilldiane_ said:

Hey for some reason my code pen is working but its not when i put a code injection into the site and i cant see why. If anyone can look with a fresh pair of eyes that would be unreal. Thanks! It's supposed to be located underneath the first image block on the home page.

Hey @jilldiane_ remove previous code from page <style> tag and paste it into Custom CSS