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

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!

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!

Add this to custom Css:

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

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!

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. 

https://myrandomviews.com/mountains

Hello, can this code be used for an index page as well? I want the same controls gone on my website, but at the bottom of an index page...

 Sometimes one template may not like it but you can't hurt giving it a shot. 

Add this to custom Css:

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

11 hours ago, Gills said:

Hello, can this code be used for an index page as well? I want the same controls gone on my website, but at the bottom of an index page...

Can you share site url? We can help easier

Would this also work to remove "back to shop" on an ecommerce page in avenue? screenshot attached

4 hours ago, crystalelaine said:

Would this also work to remove "back to shop" on an ecommerce page in avenue? screenshot attached

Can you share link to product? We can help easier

http://www.ampersandnw.com/shop/soloretreat

On 4/23/2022 at 12:14 AM, crystalelaine said:

http://www.ampersandnw.com/shop/soloretreat

Add to Design > Custom CSS

div#productNav {
    display: none !important;
}

On 4/26/2022 at 12:13 AM, tuanphan said:

Add to Design > Custom CSS

div#productNav {
    display: none !important;
}

 

Worked!  Thank you!

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. 

Thanks,

Nicki

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. 

Thanks,

Nicki

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

https://www.briantong.ca/#/stockandsupply/