Shopify themes, liquid, logos, and UX
Hi, I want to place a video under my header so that the navbar would be transparent and video in the background. I added some code, and I have a video background section, but I cannot make it go under the navbar. The navbar would be transparent, but the buttons and logo would still be visible. I use origin theme
Hi @ALBI0NE ,
May I suggest to update code these steps:
1. Go to Store Online-> theme -> edit code
2. Layout/theme.liquid
3. Add code below to end of file and before </body> tag
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
var scroll = $(window).scrollTop();
if($('.announcement-bar-section').length > 0){
$('.section-header').css('top', $('.announcement-bar-section').outerHeight() + 'px')
}else{
$('.section-header').css('top', '0')
}
if(scroll > 0)
$('.section-header').css('top', '0')
});
</script>
<style>
.cbb-homepage .section-header {
position: fixed;
left: 0;
width: 100%;
}
.cbb-homepage .section-header.scrolled-past-header {
top: 0!important;
}
.cbb-homepage .section-header .header-wrapper { background: none;}
</style>
Hi I have added the code to my theme, what should I do next?
it is saying something like this and not working
Avoid parser blocking scripts by adding `defer` or `async` on this tag
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024