Jump to content

Change text of "back" in mobile menu navigation.

Recommended Posts

  • Replies 14
  • Views 1.7k
  • Created
  • Last Reply

Top Posters In This Topic

15 minutes ago, zivexs said:

Do you use Personal Plan or higher?

Add to Home > Design > Custom CSS

a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2) {
    visibility: hidden;
}
a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2):before {
    visibility: visible;
    content: "new back";
    width: 100%;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
7 hours ago, tuanphan said:

Do you use Personal Plan or higher?

Add to Home > Design > Custom CSS



a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2) {
    visibility: hidden;
}
a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2):before {
    visibility: visible;
    content: "new back";
    width: 100%;
}

 

Business.

Yessa! Thank you!   This worked like a charm.

 

Edited by zivexs
Link to comment
20 hours ago, zivexs said:

Humm! That is a great idea. How should I do that? This is so good that you want to help! I have too many questions still!

Add to Home > Design > Custom CSS

/* Footer tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-yui_3_17_2_1_1603267654189_28945+.row .span-3 {
    width: 100%;
}
div#block-yui_3_17_2_1_1603267654189_28945+.row .span-2 {
    display: none;
}
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS


/* Footer tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-yui_3_17_2_1_1603267654189_28945+.row .span-3 {
    width: 100%;
}
div#block-yui_3_17_2_1_1603267654189_28945+.row .span-2 {
    display: none;
}
}

 

Thank you. You are very kind. It looks nicer.

Link to comment
21 hours ago, tuanphan said:

(Tablet) Content is a bit narrow. Do you want to increase width?

https://www.bushmans.si/bushmans

image.thumb.png.4c2c86ffef6a8aba973299faee80d5fb.png

I guess I could try that. Should I put in format medium or large? Or is there better way?

 

Could you help me with a little bit off topic about google search console. I want to admit a sitemap, but it gives me all the time the same error. I have no idea which date format on the website is not correct.

I do have two pages where there are date formats:

EVENT PAGE: https://www.bushmans.si/vadbe-online

BLOG PAGE: https://www.bushmans.si/blog

 

Here is an error! (Thank you for helping me) I really want to fix this one. No google - no fun.

An invalid date was found. Please fix the date or formatting before resubmitting.
Examples
Line 811
Parent tag:
url
Tag:
lastmod
Link to comment
  • 1 year later...
On 11/11/2020 at 12:04 PM, tuanphan said:

Do you use Personal Plan or higher?

Add to Home > Design > Custom CSS

a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2) {
    visibility: hidden;
}
a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2):before {
    visibility: visible;
    content: "new back";
    width: 100%;
}

 

Hello @tuanphan I'm currently using this CSS to try and solve the same issue, but when I save it, the "new back" is not centered on the navigation pane with the other links. Also, the opacity function is not working; is there a way to make this link fully opaque? And also, can I change the color of the arrow along with the text?

a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2) {
    visibility: hidden;
}
a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2):before {
    visibility: visible;
    content:"new back";
      color: #6c9f7f;
      opacity: 1;
    width: 100%;
}

My website is www.donovancusick.com and the password is password

Link to comment
52 minutes ago, donovancusick said:

Hello @tuanphan I'm currently using this CSS to try and solve the same issue, but when I save it, the "new back" is not centered on the navigation pane with the other links. Also, the opacity function is not working; is there a way to make this link fully opaque? And also, can I change the color of the arrow along with the text?

a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2) {
    visibility: hidden;
}
a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2):before {
    visibility: visible;
    content:"new back";
      color: #6c9f7f;
      opacity: 1;
    width: 100%;
}

My website is www.donovancusick.com and the password is password

Try adding this code under

a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2):before {
    position: relative;
    right: -20px;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 7/31/2022 at 2:34 AM, tuanphan said:

Try adding this code under

a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2):before {
    position: relative;
    right: -20px;
}

 

Thank you!!!

Here's the new code that I'm using, which has everything the way I'd like it to, except that I cannot get the opacity of this "< back" to change. Is there anything different I could try?

/* change mobile menu "<back" */
a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(1) {
    visibility: visible;
  	color: #6c9f7f;
  	opacity: 1 !important;
}

a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2) {
    visibility: visible;
  	color: #6c9f7f;
  	text-transform: lowercase;
  	opacity: 1 !important;
}
Link to comment
On 7/31/2022 at 7:34 AM, tuanphan said:

Try adding this code under

a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2):before {
    position: relative;
    right: -20px;
}

 

password

is incorrect

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.