Hi, i'm using the ascend theme skin, where the header page transitions to the next 'page' by hitting the arrow down button or by scrolling. I have several questions to the behavior of this.
1) I would like to suppress the menu button (in the top right corner) on this page and possibly on other pages.
2) My understanding is, that the menu button is just a link to a menu page. How can I edit this menu button.
3) I would like to have the same transition from the header page to the follow-up page for several follow up pages, i.e. at will, wherever I find it useful. I couldn't find the place, where that transition can be edited or built-in.
1) By suppress do you mean hide on particular pages? If that is what you mean then add this bit of CSS to the specific pages using the raw HTML element in the page builder:
<style>
.ascend #header-outer[data-full-width=true][data-cart=true] #top nav ul .slide-out-widget-area-toggle{
display:none;
}
</style>
add the raw HTML element to the page then add into it the above code.
2) Could you have a link to the site in question please to better understand the specific button you are referring to.
3) Transitions between pages are control under salient \ page transitions. Could you try those options there. If that is not working for you then maybe share a link to the site with this ascend demo is install on we see what exactly you are referring to.
Correct, I meant hide. I tried your proposal and did not see a difference. That my be due to me being a beginner, but I think it has to do with how the page is defined/built up. Btw. the style is 'ascend', but the base is 'agency'. My site is not online, so I can't provide a link of my site, but I can provide a link to your site: Home - Default - Salient Agency (themenectar.com)
In the top right corner you see the three lines, which supposedly are a menu, but in fact link to a page with a 'menu'. I would like to hide these three lines on that and on any page, I wish these three lines to be hidden.
When you scroll down or hit the down arrow button on the header page (page 1, 'Not just an average...'), the page transitions (turns up) to another page (pake 2, 'Hello, we're Salient...). In my understanding of the header page definition, this is in fact not an actual separate page, but embedded into the definition of the header-page, so I don't think this transition has been achieved using a page transition mechanism. When on the second "page" (page 2) you then further scroll down, then the following content is simply moving upwards. What I'd like to achieve is a continuous transition over several pages like from the page 1 to page 2, i.e. that the page turns up rather than moves up.
I hope I'm expressing myself a bit more clearly this time.
1) Those three lines you can hide by disabling the off canvas menu in salient \ header navigation - off canvas menu - off canvas menu - switch that off. That will hide on all pages.
2) About the down arrow effect, that's not a different page but the box roll page header scroll effect you set on the page header settings section on your page. There is an explanation of this section on https://themenectar.com/docs/salient/page-metaboxes/#pageheader
See attached screenshot of what we mean. Select the image background, set up and image, enable the box roll effect and make sure the full height option is selected.
Thanks. Followed your advice and now understand about the different effects. Also followed a very helpful tutorial video on Page Full Screen Rows on your website. I will now go thru your other videos, so I don't ask questions, where I can find the answer in your videos. One last one anyway, the three lines are now hidden an all pages, any way to selectively show/hide them on specific pages? Regards Felix
Sorry I didn't answer before. I tried your suggestion, but could not make it work. Regardless, I'll delve now deeper into the theme and the demo so I understand the mechanics better. I suggest to close the ticket.
Hi, i'm using the ascend theme skin, where the header page transitions to the next 'page' by hitting the arrow down button or by scrolling. I have several questions to the behavior of this.
1) I would like to suppress the menu button (in the top right corner) on this page and possibly on other pages.
2) My understanding is, that the menu button is just a link to a menu page. How can I edit this menu button.
3) I would like to have the same transition from the header page to the follow-up page for several follow up pages, i.e. at will, wherever I find it useful. I couldn't find the place, where that transition can be edited or built-in.
Thanks
Felix
Hi there,
1) By suppress do you mean hide on particular pages?
If that is what you mean then add this bit of CSS to the specific pages using the raw HTML element in the page builder:
<style> .ascend #header-outer[data-full-width=true][data-cart=true] #top nav ul .slide-out-widget-area-toggle{ display:none; } </style>add the raw HTML element to the page then add into it the above code.
2) Could you have a link to the site in question please to better understand the specific button you are referring to.
3) Transitions between pages are control under salient \ page transitions. Could you try those options there. If that is not working for you then maybe share a link to the site with this ascend demo is install on we see what exactly you are referring to.
Thanks.
Hi,
Correct, I meant hide. I tried your proposal and did not see a difference. That my be due to me being a beginner, but I think it has to do with how the page is defined/built up. Btw. the style is 'ascend', but the base is 'agency'. My site is not online, so I can't provide a link of my site, but I can provide a link to your site: Home - Default - Salient Agency (themenectar.com)
In the top right corner you see the three lines, which supposedly are a menu, but in fact link to a page with a 'menu'. I would like to hide these three lines on that and on any page, I wish these three lines to be hidden.
When you scroll down or hit the down arrow button on the header page (page 1, 'Not just an average...'), the page transitions (turns up) to another page (pake 2, 'Hello, we're Salient...). In my understanding of the header page definition, this is in fact not an actual separate page, but embedded into the definition of the header-page, so I don't think this transition has been achieved using a page transition mechanism. When on the second "page" (page 2) you then further scroll down, then the following content is simply moving upwards. What I'd like to achieve is a continuous transition over several pages like from the page 1 to page 2, i.e. that the page turns up rather than moves up.
I hope I'm expressing myself a bit more clearly this time.
Hi there,
1) Those three lines you can hide by disabling the off canvas menu in salient \ header navigation - off canvas menu - off canvas menu - switch that off. That will hide on all pages.
2) About the down arrow effect, that's not a different page but the box roll page header scroll effect you set on the page header settings section on your page. There is an explanation of this section on https://themenectar.com/docs/salient/page-metaboxes/#pageheader
See attached screenshot of what we mean.
Select the image background, set up and image, enable the box roll effect and make sure the full height option is selected.
Cheers
Hi Eljud,
Thanks. Followed your advice and now understand about the different effects. Also followed a very helpful tutorial video on Page Full Screen Rows on your website. I will now go thru your other videos, so I don't ask questions, where I can find the answer in your videos. One last one anyway, the three lines are now hidden an all pages, any way to selectively show/hide them on specific pages?
Regards
Felix
Hi there,
For specific pages, then add this bit of CSS to the specific pages using the raw HTML element in the page builder:
<style> .ascend #header-outer[data-full-width=true][data-cart=true] #top nav ul .slide-out-widget-area-toggle{ display:none; } </style>add the raw HTML element to the page then add into it the above code.
Cheers.
Hi,
Sorry I didn't answer before. I tried your suggestion, but could not make it work. Regardless, I'll delve now deeper into the theme and the demo so I understand the mechanics better. I suggest to close the ticket.
Thanks and Regards
Felix