Jump to content

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

Recommended Posts

Posted

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

 

 

 

  • Replies 15
  • Views 560
  • Created
  • Last Reply

Top Posters In This Topic

Posted
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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted

@Beyondspace 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

Posted
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!)

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.