{"id":43,"date":"2022-11-21T13:07:18","date_gmt":"2022-11-21T13:07:18","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/dividemos\/?page_id=43"},"modified":"2022-11-21T14:20:44","modified_gmt":"2022-11-21T14:20:44","slug":"divi-fullscreen-shrinking-menu","status":"publish","type":"page","link":"https:\/\/brandandbuildtemplates.me\/dividemos\/divi-fullscreen-shrinking-menu\/","title":{"rendered":"Divi Fullscreen Shrinking Menu"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; disabled_on=&#8221;off|off|off&#8221; module_class=&#8221;bb-fs-menu&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_image=&#8221;https:\/\/brandandbuildtemplates.me\/dividemos\/wp-content\/uploads\/bb-home-header1.jpg&#8221; background_position=&#8221;bottom_center&#8221; positioning=&#8221;fixed&#8221; z_index=&#8221;99999&#8243; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_menu menu_id=&#8221;2&#8243; menu_style=&#8221;centered&#8221; active_link_color=&#8221;#262122&#8243; dropdown_menu_line_color=&#8221;RGBA(0,0,0,0)&#8221; mobile_menu_bg_color=&#8221;#FFFFFF&#8221; logo=&#8221;https:\/\/brandandbuild.me\/wp-content\/uploads\/logo-long.png&#8221; cart_icon_color=&#8221;#262122&#8243; search_icon_color=&#8221;#262122&#8243; menu_icon_color=&#8221;#262122&#8243; menu_icon_font_size=&#8221;48px&#8221; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; menu_font=&#8221;Oswald|||on|||||&#8221; menu_text_color=&#8221;#262122&#8243; menu_font_size=&#8221;1.2vw&#8221; menu_letter_spacing=&#8221;2px&#8221; background_color=&#8221;RGBA(0,0,0,0)&#8221; custom_padding=&#8221;|30px||30px|false|true&#8221; animation_style=&#8221;fade&#8221; hover_enabled=&#8221;0&#8243; menu_font_size_tablet=&#8221;2vw&#8221; menu_font_size_phone=&#8221;4vw&#8221; menu_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; logo_max_width__sticky_enabled=&#8221;on|sticky&#8221; width__sticky_enabled=&#8221;on|sticky&#8221; max_width__sticky_enabled=&#8221;on|sticky&#8221; logo_max_height__sticky_enabled=&#8221;on|sticky&#8221; active_link_color__hover_enabled=&#8221;on|hover&#8221; active_link_color__hover=&#8221;#262122&#8243; menu_text_color__hover_enabled=&#8221;on|hover&#8221; menu_text_color__hover=&#8221;#262122&#8243; custom_css_menu_link_last_edited=&#8221;off|desktop&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_fullwidth_menu][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 3 - Divi Fullscreen Shrinking Menu****\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->jQuery(document).ready(function ($) {<!-- [et_pb_line_break_holder] -->    $(window).scroll(function () {<!-- [et_pb_line_break_holder] -->        var scroll = $(window).scrollTop();<!-- [et_pb_line_break_holder] -->        \/\/Increase value to delay shrink effect<!-- [et_pb_line_break_holder] -->        if (scroll >= 10) {<!-- [et_pb_line_break_holder] -->            $(\".bb-fs-menu\").addClass(\"bb-fs-menu-shrink\");<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        else {<!-- [et_pb_line_break_holder] -->            $(\".bb-fs-menu\").removeClass(\"bb-fs-menu-shrink\");<!-- [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_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] -->#menu-item-20522 {<!-- [et_pb_line_break_holder] -->    display: none;<!-- [et_pb_line_break_holder] -->}<!-- [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] -->\/*****Brand & Build - Advent Calendar 2021*****\/<!-- [et_pb_line_break_holder] -->\/****Day 3 - Divi Fullscreen Shrinking Menu****\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Transition effect*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-fs-menu .et_pb_fullwidth_menu,<!-- [et_pb_line_break_holder] -->.bb-fs-menu-shrink .et_pb_fullwidth_menu,<!-- [et_pb_line_break_holder] -->.bb-fs-menu .et_pb_menu__logo img,<!-- [et_pb_line_break_holder] -->.bb-fs-menu-shrink .et_pb_menu__logo img {<!-- [et_pb_line_break_holder] -->    transition: all 0.5s linear;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Make menu fullscreen*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-fs-menu .et_pb_fullwidth_menu {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    height: 100vh;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Make dropdown fullwidth*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-fs-menu .et_pb_row {<!-- [et_pb_line_break_holder] -->    min-height: unset;<!-- [et_pb_line_break_holder] -->    height: auto;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Menu height on shrink*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-fs-menu-shrink .et_pb_fullwidth_menu {<!-- [et_pb_line_break_holder] -->    height: 8vh;<!-- [et_pb_line_break_holder] -->    min-height: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Image size on shrink*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-fs-menu-shrink .et_pb_menu__logo img {<!-- [et_pb_line_break_holder] -->    max-width: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Mobile meuu padding & shadow*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-fs-menu .et_mobile_menu {<!-- [et_pb_line_break_holder] -->    padding-top: 0;<!-- [et_pb_line_break_holder] -->    padding-bottom: 0;<!-- [et_pb_line_break_holder] -->    box-shadow: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Mobile menu alignment*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-fs-menu .et_mobile_menu li a {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    border-bottom: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][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_header title=&#8221;Fullscreen Shrinking Menu&#8221; subhead=&#8221;Advent Calendar &#8211; Day 3&#8243; button_one_text=&#8221;Back to post&#8221; button_one_url=&#8221;https:\/\/brandandbuild.me\/divi-fullscreen-shrinking-menu&#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; 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;]<\/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; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; global_colors_info=&#8221;%91%93&#8243;][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; global_colors_info=&#8221;%91%93&#8243;][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; global_colors_info=&#8221;%91%93&#8243;][\/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-43","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/43","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=43"}],"version-history":[{"count":5,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":246225,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/43\/revisions\/246225"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}