{"id":246186,"date":"2022-11-21T13:57:31","date_gmt":"2022-11-21T13:57:31","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/dividemos\/?page_id=246186"},"modified":"2022-11-23T10:32:15","modified_gmt":"2022-11-23T10:32:15","slug":"show-hide-sticky-menu","status":"publish","type":"page","link":"https:\/\/brandandbuildtemplates.me\/dividemos\/show-hide-sticky-menu\/","title":{"rendered":"Show\/Hide Sticky Menu"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Code&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#262122&#8243; custom_margin=&#8221;||60px||false|false&#8221; animation_style=&#8221;fade&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code admin_label=&#8221;CSS&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->.bb-advent-header .header-content {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    padding-right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.bb-cta-section .et_pb_newsletter_footer {<!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] -->    margin-top: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/************\/<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_fullwidth_code][et_pb_fullwidth_header title=&#8221;Show\/Hide Sticky Menu&#8221; subhead=&#8221;Advent Calendar &#8211; Day 13&#8243; button_one_text=&#8221;Back to post&#8221; button_one_url=&#8221;https:\/\/brandandbuild.me\/show-hide-sticky-menu\/&#8221; disabled_on=&#8221;off|off|off&#8221; module_class=&#8221;bb-advent-header&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;Poppins|700|||||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#FCFCFC&#8221; title_font_size=&#8221;50px&#8221; content_text_align=&#8221;center&#8221; content_text_color=&#8221;#FFFFFF&#8221; content_font_size=&#8221;20px&#8221; subhead_font=&#8221;Smooth Stone||||||||&#8221; subhead_text_align=&#8221;center&#8221; subhead_text_color=&#8221;#F4D582&#8243; subhead_font_size=&#8221;60px&#8221; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_color_gradient_start=&#8221;#262122&#8243; background_color_gradient_end=&#8221;#ffffff&#8221; background_image=&#8221;https:\/\/brandandbuildtemplates.me\/dividemos\/wp-content\/uploads\/advent-header.png&#8221; background_position=&#8221;bottom_center&#8221; custom_padding=&#8221;300px||200px||false|false&#8221; hover_enabled=&#8221;0&#8243; title_font_size_tablet=&#8221;50px&#8221; title_font_size_phone=&#8221;40px&#8221; title_font_size_last_edited=&#8221;on|phone&#8221; subhead_font_size_tablet=&#8221;60px&#8221; subhead_font_size_phone=&#8221;40px&#8221; subhead_font_size_last_edited=&#8221;on|phone&#8221; custom_css_before=&#8221;content: &#8221;;||background-image: url(data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik02NDAgMTM5TDAgMHYxNDBoMTI4MFYwTDY0MCAxMzl6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTY0MCAxMzlMMCA0MnY5OGgxMjgwVjQybC02NDAgOTd6Ii8+PC9nPjwvc3ZnPg==);||background-size: 100% 100px;||bottom: 0;||height: 100px;||position: absolute;||width: 100%;||transform: translateZ(-10px);&#8221; custom_css_main_element=&#8221;transform-style: preserve-3d;&#8221; custom_css_title=&#8221;order: 1;||z-index: 2;&#8221; custom_css_content=&#8221;order: 2&#8243; custom_css_subtitle=&#8221;order: 0;||z-index: 3;&#8221; custom_css_button_1=&#8221;order: 2;||align-self: center;||margin-right: auto;||margin-left: auto;&#8221; custom_css_scroll_button=&#8221;content: url(\/wp-content\/uploads\/arrow.png);||width: 100px;||filter: invert(100%);||order: 1;&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_one_text_color__hover_enabled=&#8221;on|desktop&#8221; button_one_bg_color__hover_enabled=&#8221;on|hover&#8221; button_one_bg_color__hover=&#8221;#F9EEE8&#8243; button_one_bg_enable_color__hover=&#8221;on&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Subscribe to our email list to download a Divi gift every day from 1st &#8211; 25th December.<br \/>Click the button below and you&#8217;ll find the link to subscribe in the post for this gift.<\/p>\n<p>[\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; animation_style=&#8221;fade&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_menu menu_id=&#8221;2&#8243; menu_style=&#8221;centered&#8221; dropdown_menu_line_color=&#8221;#000000&#8243; menu_icon_color=&#8221;#000000&#8243; module_class=&#8221;bb-show-hide&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; menu_font=&#8221;Cormorant Garamond|600|||||||&#8221; menu_text_color=&#8221;#000000&#8243; menu_font_size=&#8221;18px&#8221; background_color=&#8221;#F4D582&#8243; positioning=&#8221;fixed&#8221; position_origin_f=&#8221;top_center&#8221; vertical_offset=&#8221;-100px&#8221; z_index=&#8221;999&#8243; width=&#8221;100%&#8221; height_tablet=&#8221;40px&#8221; height_phone=&#8221;&#8221; height_last_edited=&#8221;on|tablet&#8221; custom_padding_tablet=&#8221;||5px||false|false&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_menu][et_pb_fullwidth_header title=&#8221;New Fall\/Winter Collection&#8221; subhead=&#8221;Get new season ready with the latest trends&#8221; text_orientation=&#8221;right&#8221; header_scroll_down=&#8221;on&#8221; scroll_down_icon_color=&#8221;#000000&#8243; button_one_text=&#8221;Shop Now&#8221; header_image_url=&#8221;https:\/\/brandandbuildtemplates.me\/dividemos\/wp-content\/uploads\/week-244-3.png&#8221; module_class=&#8221;bb-header&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;Cormorant Garamond|700|||||||&#8221; title_text_align=&#8221;left&#8221; title_font_size=&#8221;70px&#8221; subhead_font=&#8221;|600|||||||&#8221; subhead_text_color=&#8221;rgba(0,0,0,0.63)&#8221; subhead_font_size=&#8221;25px&#8221; background_color=&#8221;#f2f2f2&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_type=&#8221;circular&#8221; background_color_gradient_direction_radial=&#8221;left&#8221; background_color_gradient_stops=&#8221;#ffffff 30%|rgba(255,255,255,0) 30%&#8221; background_color_gradient_overlays_image=&#8221;on&#8221; background_color_gradient_start=&#8221;#ffffff&#8221; background_color_gradient_start_position=&#8221;30%&#8221; background_color_gradient_end=&#8221;rgba(255,255,255,0)&#8221; background_color_gradient_end_position=&#8221;30.1%&#8221; background_enable_image=&#8221;off&#8221; custom_button_one=&#8221;on&#8221; button_one_text_color=&#8221;#FFFFFF&#8221; button_one_bg_color=&#8221;#000000&#8243; button_one_border_width=&#8221;0px&#8221; button_one_border_radius=&#8221;0px&#8221; button_one_font=&#8221;|600||on|||||&#8221; button_one_icon=&#8221;&#x24;||divi||400&#8243; button_one_on_hover=&#8221;off&#8221; background_layout=&#8221;light&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; custom_css_before=&#8221;content: &#8221;;||position: absolute;||height: 100%;||width: 100%;||background-image: radial-gradient(circle at 90% 20%,#ffffff 30%,rgba(255,255,255,0) 30.1%);||top: 0;||right: 0;&#8221; custom_css_header_container=&#8221;background-image: radial-gradient(circle at 30%,#f9eee8 30%,rgba(255,255,255,0) 30.1%);&#8221; custom_css_title=&#8221;text-align: left;||margin-bottom: 20px;&#8221; custom_css_content=&#8221;background-image: radial-gradient(circle at 30%,#f9eee8 30.1%,rgba(255,255,255,0) 30%);||text-align: left;&#8221; custom_css_subtitle=&#8221;text-align: left;||margin-bottom: 20px;&#8221; custom_css_button_1=&#8221;float: left;&#8221; custom_css_scroll_button=&#8221;animation: button_roll 2s ease-in-out infinite;&#8221; global_colors_info=&#8221;{}&#8221; button_one_text_color__hover_enabled=&#8221;on|hover&#8221; button_one_bg_color__hover_enabled=&#8221;on|hover&#8221; button_one_bg_color__hover=&#8221;#F4D582&#8243; button_one_bg_enable_color__hover=&#8221;on&#8221; custom_css_header_container_last_edited=&#8221;on|desktop&#8221; custom_css_header_container_phone=&#8221;width: 100%;&#8221; button_one_text_color__hover=&#8221;#262122&#8243; custom_css_header_container_tablet=&#8221;background-image: radial-gradient(circle at 30%,#f9eee8 30%,rgba(255,255,255,0) 30.1%);&#8221;][\/et_pb_fullwidth_header][et_pb_fullwidth_code admin_label=&#8221;CSS&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->\/*****Brand & Build - Advent Calendar 2021*****\/<!-- [et_pb_line_break_holder] -->\/********Day 13 - Show\/Hide Sticky Menu********\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Add menu transition *\/<!-- [et_pb_line_break_holder] -->.bb-show-hide {<!-- [et_pb_line_break_holder] -->    transition: all 0.5s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Show and position menu *\/<!-- [et_pb_line_break_holder] -->.bb-show-hide.sticky {<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->    top: 0px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Menu adjustment for mobile *\/<!-- [et_pb_line_break_holder] -->.bb-show-hide.et_pb_fullwidth_menu .et_pb_row {<!-- [et_pb_line_break_holder] -->    min-height: auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Add header content background on mobile *\/<!-- [et_pb_line_break_holder] -->@media all and (max-width: 767px) {<!-- [et_pb_line_break_holder] -->    .bb-header .header-content-container {<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        bottom: 0;<!-- [et_pb_line_break_holder] -->        padding-bottom: 40px;<!-- [et_pb_line_break_holder] -->        background: rgba(255, 255, 255, 0.3);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Scroll down animation effect *\/<!-- [et_pb_line_break_holder] -->@-webkit-keyframes button_roll {<!-- [et_pb_line_break_holder] -->    0% {<!-- [et_pb_line_break_holder] -->        transform: translate(0, -10px);<!-- [et_pb_line_break_holder] -->        opacity: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    50% {<!-- [et_pb_line_break_holder] -->        opacity: 1;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    100% {<!-- [et_pb_line_break_holder] -->        transform: translate(0, 10px);<!-- [et_pb_line_break_holder] -->        opacity: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes button_roll {<!-- [et_pb_line_break_holder] -->    0% {<!-- [et_pb_line_break_holder] -->        transform: translate(0, -10px);<!-- [et_pb_line_break_holder] -->        opacity: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    50% {<!-- [et_pb_line_break_holder] -->        opacity: 1;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    100% {<!-- [et_pb_line_break_holder] -->        transform: translate(0, 10px);<!-- [et_pb_line_break_holder] -->        opacity: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][et_pb_fullwidth_code admin_label=&#8221;JS&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->\/*****Brand & Build - Advent Calendar 2021*****\/<!-- [et_pb_line_break_holder] -->\/********Day 13 - Show\/Hide Sticky Menu********\/<!-- [et_pb_line_break_holder] -->jQuery(document).ready(function ($) {<!-- [et_pb_line_break_holder] -->    $(window).scroll(function () {<!-- [et_pb_line_break_holder] -->        \/\/Desktop<!-- [et_pb_line_break_holder] -->        if ($(window).width() > 980) {<!-- [et_pb_line_break_holder] -->            if ($(window).scrollTop() > 900) {<!-- [et_pb_line_break_holder] -->                $('.bb-show-hide').addClass('sticky');<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                $('.bb-show-hide').removeClass('sticky');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        \/\/Tablet & mobile<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            if ($(window).scrollTop() > 600) {<!-- [et_pb_line_break_holder] -->                $('.bb-show-hide').addClass('sticky');<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                $('.bb-show-hide').removeClass('sticky');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;6dcf24c4-c42b-46e8-8e90-2f48c0fff3e2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;6dcf24c4-c42b-46e8-8e90-2f48c0fff3e2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;6dcf24c4-c42b-46e8-8e90-2f48c0fff3e2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;6dcf24c4-c42b-46e8-8e90-2f48c0fff3e2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Subscribe to our email list to download a Divi gift every day from 1st &#8211; 25th December.Click the button below and you&#8217;ll find the link to subscribe in the post for this gift.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-246186","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/246186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/comments?post=246186"}],"version-history":[{"count":3,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/246186\/revisions"}],"predecessor-version":[{"id":246464,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/246186\/revisions\/246464"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/media?parent=246186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}