Jump to content

Hiding visibility of text on secondary navigation page on mobile menu.

Recommended Posts

Hello,

I was wondering if anyone could help me. I want to remove the "keep in touch with us" from the secondary navigation pages (i.e when i click on one of the main titles) but still keep it on the main menu.  Or alternatively get the social icons and the text to stay together on all pages at the bottom of the page. Is there a code for either of these? 

The code i use for the custom text on the main menu is: 

.header-menu-nav-folder-content:after {
  content : 'KEEP IN TOUCH WITH US';
  font-size: 13px;
  font-weight: normal;
  margin-left:18px;
  margin-top: 165px;
  margin-bottom: -20px;
  }

 

any help would be greatly appreciated! 🙂 

unnamed-4.thumb.jpg.b20b844929a6e6aebffd04db04fd382f.jpgunnamed-3.thumb.jpg.7e362582f223f3742be565269e9d1298.jpg

 

 

 

Link to comment
  • Replies 15
  • Views 350
  • Created
  • Last Reply

Top Posters In This Topic

16 hours ago, Emilienev said:

Hello,

I was wondering if anyone could help me. I want to remove the "keep in touch with us" from the secondary navigation pages (i.e when i click on one of the main titles) but still keep it on the main menu.  Or alternatively get the social icons and the text to stay together on all pages at the bottom of the page. Is there a code for either of these? 

The code i use for the custom text on the main menu is: 

.header-menu-nav-folder-content:after {
  content : 'KEEP IN TOUCH WITH US';
  font-size: 13px;
  font-weight: normal;
  margin-left:18px;
  margin-top: 165px;
  margin-bottom: -20px;
  }

 

any help would be greatly appreciated! 🙂 

unnamed-4.thumb.jpg.b20b844929a6e6aebffd04db04fd382f.jpgunnamed-3.thumb.jpg.7e362582f223f3742be565269e9d1298.jpg

 

 

 

Can you share your site with the protected password so I can take a look?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 hour ago, Emilienev said:

@Beyondspace Hi so sorry for my late reply! Yes the password is WWW222. 

Please share your URL also

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
16 minutes ago, Emilienev said:

@Beyondspace Sorry! My website is www.thealchemiguide.com

You can try the following code instead of your previous

[data-folder="root"] .header-menu-nav-folder-content:after {
  content: 'KEEP IN TOUCH WITH US';
  font-size: 13px;
  font-weight: normal;
  margin-left: 18px;
  margin-top: 165px;
  margin-bottom: -20px;
}

Support me by pressing 👍  or marking as solution if this useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

My testing

image.thumb.png.f8994cea0777f6f1a455d4a3c70a3d1d.png

on the main header

image.thumb.png.20d87cc051e4d2c4637cd97a1400c8b0.png

On the secondary navigation

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

I check that you are still using the old code

image.thumb.png.ccdb8d2abc5c178b3afc3bd08604cc6c.png

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

I can not see my code on your site now. 

image.thumb.png.9d0ffa6df56cf76fe5cfa7a40f3266aa.png

Can you show up/take a screenshot where you add my updated code?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
6 hours ago, Emilienev said:

Give it a space here

1556680984_Screenshot_20221220-060609_SamsungInternet.thumb.jpg.f876489546ac358633861d4d854b7f76.jpg

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
22 hours ago, Emilienev said:

 Ah its worked perfectly, thank you so much! Also another question if its not to much trouble, do you know how i would get my search feature in the footer on mobile to be positioned how it is on desktop? With the "searching for some inspiration" text in front of the search box? Thank you again for all your help! 

Screenshot 2022-12-20 at 10.54.10.png

Screenshot 2022-12-20 at 10.54.24.png

You are using new editor, so just edit Site Footer > Click Mobile icon on top right > Adjust position of both. This won't affect desktop.

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.