-
Posts
-
I need to add a text block above the Nav – which i have done successfully by adding to the functions file.
However, I have two questions:1- the nav and logo are centered – on scroll up and nav collapses to stick (which is fine) – how would i make this text block disappear when nav is collapsed? ( custom_ text)
2- when collapsed, how would i then make the logo left justify and navigation float to the right of the logo on one line? (changing from center justification to left justification all on one line)
and have added the following to my function files:
function add_custom_text() {
?>
<div class=”custom_text”>text above nav</div>
<?php
}
add_action(‘ava_after_main_menu’, ‘add_custom_text’, 10, 0);(i know this is a bit odd customization)
Thanks for any advice!I managed to make the div disappear when scrolled up using:
header-scrolled div.custom_text { opacity: 0;}Is it possible to do same thing with header-scrolled – and switch the centered logo/nav to the left justified position?
thanks!Hi!
Please share the link to the page where we can inspect the element in question and help you with custom CSS :)
Cheers!
Vinay KashyapOk, i was able to get my custom DIV to disappear – however, i have another question:
Using a sticky nav, that will shrink up top when scrolled – When scrolling down, where do i control where the nav switches to the “scrolled” state? Unfortunately i have a layout that has the navigation pretty far down on the page, and when it scrolls a bit, it changes to the sticky, small state up top – leaving a big empty space between the nav and the page content. Ideally, the nav content would continue to scroll under the logo area – until the nav gets close, and then it would switch the “scrolled” state.Thanks for any suggestions!- (i know this is not really good UX)
- You must be logged in to reply to this topic.