Jump to content

How do I remove "Back To..." and "Prev/Next" buttons in the Index section on Avenue template?

Recommended Posts

Site URL: http://www.briantong.ca/#/stockandsupply/

Hi everybody,

I am trying to remove the "back to..." and "prev/next" buttons on the index section at the bottom of a project page. Screenshot attached but currently they are sticking to the top of the first projects in the index section, which I do not want. The site is on the Avenue template.

Increasing the "Page Padding" value does work to a degree, but I don't want the extra page padding to be added to everywhere else.

I am open to adding some padding underneath the buttons too if cannot be removed and would rather just remove them.

I am not familiar with code, so unsure as to even where to add it if there are lines of code applicable to this situation.

Thank you all for your time and help in advance!

Screen Shot 2020-07-21 at 9.48.52 AM.png


Also, on a side note, why does "http://www.briantong.ca/#/stockandsupply/" have the index section and "http://www.briantong.ca/stockandsupply/" does not have the index section? It would be great to not have to include the extra # in between. Thanks!

Edited by brian__tong
Extra question
Link to comment
On 7/21/2020 at 11:03 AM, derricksrandomviews said:

Add this to custom Css:

.page-open #projectPages .project-controls {
  display: none;

Thank you for your help!

Lastly, do you know the answer to my question of why "http://www.briantong.ca/#/stockandsupply/" have the index section and "http://www.briantong.ca/stockandsupply/" does not have the index section? How would I be able to share that specific project without the # yet still have the index at the bottom of the page?

Thank you!

Link to comment

You would not, the # is what tells the site, the page is in an index. The url without the # is not a page actually.  The # is the critical part of the index sub domain url  and some templates, like mine. will change a stacked gallery page in an index to a slide show page with out the sub domain. 

Here is an example: https://myrandomviews.com/views-images#/mountains/ page viewed in an index

https://myrandomviews.com/views-images/mountains is a non existent page, and intercepts to my about me page. 

This is the same page as the first url with out the subdomain extension, the url is the domain plus the pages url slug only. 



Edited by derricksrandomviews
Link to comment
  • 4 months later...
  • 1 year later...
  • 6 months later...
On 11/16/2022 at 1:10 PM, nickimcn said:

Hello - I'm looking for similar help. I've removed the "back to" and "prev/next" wording using the code suggested above, but how to I actually remove the navigation thumbnails that appear below those words? I don't want this section at all. 



Checked above site & don't see the word. Can you take a screenshot & share link to page on your site?


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.