Jump to content

Recommended Posts

  • Replies 12
  • Created
  • Last Reply

Top Posters In This Topic

Hi there! Sorry been updating alot with the site since I posted the original question.

https://peterotoole.squarespace.com/shop/cork-calendars

So now it's after disappearing all together but still invisibly present on mobile. If you move down past the last menu link 'Contact' you'll be able to click on it.

This is the code I used to have it as an icon instead.

/* Show icon instead of text for the user account in navigation */
.user-accounts-text-link {
    color: transparent !important;
    background-image: url(http://www.peterotoole.ie/cart.svg);
    background-size: contain;
    background-repeat: no-repeat;
background-position: right;
}
.user-accounts-text-link span.unauth { visibility:hidden }
@media screen and (max-width:991px) {
.user-accounts-text-link {
background-position: center;
}
}

I'd like to be able for it to be clickable and as an icon and positioned right beside the Cart icon at the same size as the rest of the icons, if possible.

 

Thanks SOOO much!!

Peter

 

 

Edited by niteshifte
Link to comment

hi there! thanks for the reply!

That's one of the issues as I said in the post, it's there but invisible. you can still click on it if you go to the mobile version and click just past 'contact' in the nav menu. but otherwise it doesn't show up on either desktop or mobile.

Link to comment
On 1/18/2023 at 8:23 PM, niteshifte said:

hi there! thanks for the reply!

That's one of the issues as I said in the post, it's there but invisible. you can still click on it if you go to the mobile version and click just past 'contact' in the nav menu. but otherwise it doesn't show up on either desktop or mobile.

On desktop, that item is in this position. You can click it

image.png.f7592d86b2c049ed301ee7d7d3d87e57.png
now you want to move it next to Contact Item?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Hi there,

Thanks for the reply. On my desktop version of the site, you can't click anywhere there. I've checked in both Safari and Chrome. It is only present on the mobile version of the site as you can see highlighted below. I wanted to make it visible, clickable and move it over beside the Cart icon if possible.

Thanks so much. Peter

Screenshot 2023-01-19 at 11.43.08 p.m..png

Edited by niteshifte
Link to comment
On 1/26/2023 at 4:12 PM, niteshifte said:

Hi there! Yeah I do. Thanks very much.

It looks like you turn off account feature. Can you enable it?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Add this to Design > Custom CSS > Replace Pixabay with your custom image url

.user-accounts-text-link {
    background-image: url(https://cdn.pixabay.com/photo/2023/01/22/14/10/dinner-7736494_1280.jpg) !important;
}

image.thumb.png.06fe549012f670d79c4ab6fa38b0d7c2.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

thanks for that Tuanphan. I just need to find a location now to store the icon I want to use.

But putting that aside for one minute. The actual 'Login' button doesn't work. I have attached a video who shows the issue much better. The button only works in edit mode on the site and even then it only works if you move the cursor over a certain part of the word. The link does appear to work from mobile however.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.