{"id":11636,"date":"2025-09-23T15:15:00","date_gmt":"2025-09-23T15:15:00","guid":{"rendered":"https:\/\/websitesideas.co.uk\/cowelfare\/?page_id=11636"},"modified":"2025-09-24T19:37:27","modified_gmt":"2025-09-24T19:37:27","slug":"advanced-navbar","status":"publish","type":"page","link":"https:\/\/websitesideas.co.uk\/cowelfare\/advanced-navbar\/","title":{"rendered":"Advanced Navbar"},"content":{"rendered":"<div id=\"mainpage-background-block_0b8ea8fe845d96960ddcaf3234f82131\" class=\"mainpage-background\"> \n    <div class=\"imgSectionOverColor\"> \n        <div class=\"acf-innerblocks-container\">\n<div id=\"main-wrapper-a-block_5573bd6301912f1acaf85abebba580f5\" class=\"main-wrapper-a\"> \n    <div class=\"acf-innerblocks-container\">\n<div id=\"business-layout-block_1c9f6bef4a2c349d3eabfc43a3882aaf\" class=\"business-layout reveal\">\n        \n        <section class=\"business-layout-bground\">\n        <div class=\"acf-innerblocks-container\">\n<div id=\"business-inner-layout-block_ef6b72caf21c31786ababc9fb66eb2d0\" class=\"business-inner-layout\">\t\n\t<div class=\"acf-innerblocks-container\"><\/div>\t\t\n<\/div> <style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #business-inner-layout-block_ef6b72caf21c31786ababc9fb66eb2d0{width: 100% !important; } .block-editor-block-list__block .acf-block-preview .wp-block-acf-business-inner-layout, .business-inner-layout .acf-innerblocks-container { width:100% !important; display: flex !important; margin-bottom: 0px !important; justify-content: flex-start; flex-wrap: wrap !important; flex-direction: row !important;  !important; } \n\t\n#business-inner-layout-block_ef6b72caf21c31786ababc9fb66eb2d0{position: relative; display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; background-color: ; padding: 60px 60px 100px 60px ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: 0px 0px 0px ; box-sizing: border-box; transition: 0.75s; margin-bottom: 0px;}\n\t\n@media only screen and (max-width: 850px) { .business-inner-layout{ border-top-left-radius: calc(0px \/ 2 ); border-top-right-radius: calc(0 \/ 2); } }<\/style>\n<\/div>\n    <\/section> \n\t<style type=\"text\/css\">\n\t\t#business-layout-block_1c9f6bef4a2c349d3eabfc43a3882aaf .business-layout-bground{background: ; min-height: 0px;} \n\t<\/style>\n    <\/div> <style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #business-layout-block_1c9f6bef4a2c349d3eabfc43a3882aaf{width: 100% !important;} .block-editor-block-list__block .acf-block-preview .wp-block-acf-business-layout, .business-layout .acf-innerblocks-container{ position: relative; display: flex; width: 100%; min-height: px; justify-content: flex-start; !important; flex-wrap: wrap; margin-bottom: 0px !important; } #business-layout-block_1c9f6bef4a2c349d3eabfc43a3882aaf {\tposition: relative; display: flex; width: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; justify-content: flex-start; min-height: 0px; margin-bottom: 0px; box-sizing: border-box !important; } \n<\/style>\n\n\n\n<div id=\"business-layout-block_9a62f8677a17a1a87400b97814afd500\" class=\"business-layout reveal\">\n        \n        <section class=\"business-layout-bground\">\n        <div class=\"acf-innerblocks-container\">\n<div id=\"business-inner-layout-block_c64f6069d4cfb3d98ec43cb44e357fdf\" class=\"business-inner-layout\">\t\n\t<div class=\"acf-innerblocks-container\"><\/div>\t\t\n<\/div> <style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #business-inner-layout-block_c64f6069d4cfb3d98ec43cb44e357fdf{width: 100% !important; } .block-editor-block-list__block .acf-block-preview .wp-block-acf-business-inner-layout, .business-inner-layout .acf-innerblocks-container { width:100% !important; display: flex !important; margin-bottom: 0px !important; justify-content: flex-start; flex-wrap: wrap !important; flex-direction: row !important;  !important; } \n\t\n#business-inner-layout-block_c64f6069d4cfb3d98ec43cb44e357fdf{position: relative; display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; background-color: ; padding: 100px 60px 100px 60px ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: 0px 0px 0px ; box-sizing: border-box; transition: 0.75s; margin-bottom: 0px;}\n\t\n@media only screen and (max-width: 850px) { .business-inner-layout{ border-top-left-radius: calc(0px \/ 2 ); border-top-right-radius: calc(0 \/ 2); } }<\/style>\n<\/div>\n    <\/section> \n\t<style type=\"text\/css\">\n\t\t#business-layout-block_9a62f8677a17a1a87400b97814afd500 .business-layout-bground{background: rgba(0,0,0,0.1); min-height: 0px;} \n\t<\/style>\n    <\/div> <style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #business-layout-block_9a62f8677a17a1a87400b97814afd500{width: 100% !important;} .block-editor-block-list__block .acf-block-preview .wp-block-acf-business-layout, .business-layout .acf-innerblocks-container{ position: relative; display: flex; width: 100%; min-height: px; justify-content: flex-start; !important; flex-wrap: wrap; margin-bottom: 0px !important; } #business-layout-block_9a62f8677a17a1a87400b97814afd500 {\tposition: relative; display: flex; width: 100%; background-image: url(https:\/\/websitesideas.co.uk\/cowelfare\/wp-content\/uploads\/2025\/03\/Web-Design-Services-Inner-b.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; justify-content: flex-start; min-height: 0px; margin-bottom: 0px; box-sizing: border-box !important; } \n<\/style>\n\n\n\n<div id=\"business-layout-block_5c8ac84db02874dd077cbc6ddca89fd6\" class=\"business-layout reveal\">\n        \n        <section class=\"business-layout-bground\">\n        <div class=\"acf-innerblocks-container\">\n<div id=\"overlapper-container-block_9e7897057b607a3f938d64947e0b9623\" class=\"overlapper-container\" style=\"position: relative; display: flex; max-width: 600px; width: 100%; min-height: 0px !important; margin: auto; z-index: 17!important;\">\n    \n        \n        \n        <div class=\"inner-divposition\" style=\"position: relative; display: flex; width: 100%; height: auto; background: ; min-height: 0px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; padding: 0px 0px 0px; box-shadow: 0px 0px 60px rgba(0,0,0,0.19); z-index: 50 !important; overflow: hidden; box-sizing: border-box !important;\">\n        <div class=\"acf-innerblocks-container\">\n\n\n\n <style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #block-section-column-block_dd7c8e894f2866df98a65f93303f5098{width: 100% !important;} .block-editor-block-list__block .acf-block-preview .wp-block-acf-block-section-column, .wp-block-acf-block-section-column, .block-section-column .acf-innerblocks-container{ position: relative; display: flex; flex: 1; justify-content: flex-end; min-height: 50px; ;} <\/style>\n<\/div> \n    <\/div>\n    \n<\/div> <style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #overlapper-container-block_9e7897057b607a3f938d64947e0b9623{width: 100% !important;} .block-editor-block-list__block .acf-block-preview .wp-block-acf-overlapper-container, .overlapper-container .acf-innerblocks-container{ position: relative; display: flex; max-width: 600px; width: 100%; min-height: 0px;} \n    \n        \n        \n    \n     @media only screen and (min-width: 1200px){ #overlapper-container-block_9e7897057b607a3f938d64947e0b9623.overlapper-container { max-width: 600px; width: 100%; margin-top: -500px !important; margin-right: 60px !important; }  }    \n    @media only screen and (max-width: 1200px){ .inner-divposition, .overlapper-container { display: flex; min-width: 90% !important; column-gap: 2%;\n    margin-top: 4% !important; } } @media only screen and (max-width: 1023px){ .inner-divposition, .overlapper-container { display: flex; min-width: 94% !important; column-gap: 2%;\n    margin-top: 4% !important; } } <\/style>\n\n\n\n\n\n\n\n\n\n\n\n<\/div>\n    <\/section> \n\t<style type=\"text\/css\">\n\t\t#business-layout-block_5c8ac84db02874dd077cbc6ddca89fd6 .business-layout-bground{background: ; min-height: 120px;} \n\t<\/style>\n    <\/div> <style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #business-layout-block_5c8ac84db02874dd077cbc6ddca89fd6{width: 100% !important;} .block-editor-block-list__block .acf-block-preview .wp-block-acf-business-layout, .business-layout .acf-innerblocks-container{ position: relative; display: flex; width: 100%; min-height: px; justify-content: flex-start; !important; flex-wrap: wrap; margin-bottom: 0px !important; } #business-layout-block_5c8ac84db02874dd077cbc6ddca89fd6 {\tposition: relative; display: flex; width: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; justify-content: flex-start; min-height: 120px; margin-bottom: 0px; box-sizing: border-box !important; } \n<\/style>\n\n\n\n<div id=\"business-layout-block_1c9f6bef4a2c349d3eabfc43a3882aaf\" class=\"business-layout reveal\">\n        \n        <section class=\"business-layout-bground\">\n        <div class=\"acf-innerblocks-container\">\n<div id=\"business-inner-layout-block_0b22fa7433dc0ffc5ba5a8c321b78720\" class=\"business-inner-layout\">\t\n\t<div class=\"acf-innerblocks-container\"><\/div>\t\t\n<\/div> <style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #business-inner-layout-block_0b22fa7433dc0ffc5ba5a8c321b78720{width: 100% !important; } .block-editor-block-list__block .acf-block-preview .wp-block-acf-business-inner-layout, .business-inner-layout .acf-innerblocks-container { width:100% !important; display: flex !important; margin-bottom: 20px !important; justify-content: flex-start; flex-wrap: wrap !important; flex-direction: row !important;  !important; } \n\t\n#business-inner-layout-block_0b22fa7433dc0ffc5ba5a8c321b78720{position: relative; display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; background-color: ; padding: 100px 60px 100px 50px ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: 0px 0px 0px ; box-sizing: border-box; transition: 0.75s; margin-bottom: 20px;}\n\t\n@media only screen and (max-width: 850px) { .business-inner-layout{ border-top-left-radius: calc(0px \/ 2 ); border-top-right-radius: calc(0 \/ 2); } }<\/style>\n\n\n\n\n\n\n\n\n\n<\/div>\n    <\/section> \n\t<style type=\"text\/css\">\n\t\t#business-layout-block_1c9f6bef4a2c349d3eabfc43a3882aaf .business-layout-bground{background: ; min-height: 0px;} \n\t<\/style>\n    <\/div> <style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #business-layout-block_1c9f6bef4a2c349d3eabfc43a3882aaf{width: 100% !important;} .block-editor-block-list__block .acf-block-preview .wp-block-acf-business-layout, .business-layout .acf-innerblocks-container{ position: relative; display: flex; width: 100%; min-height: px; justify-content: flex-start; !important; flex-wrap: wrap; margin-bottom: 0px !important; } #business-layout-block_1c9f6bef4a2c349d3eabfc43a3882aaf {\tposition: relative; display: flex; width: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; justify-content: flex-start; min-height: 0px; margin-bottom: 0px; box-sizing: border-box !important; } \n<\/style>\n\n\n<\/div>\n<\/div> \n<style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #main-wrapper-a-block_5573bd6301912f1acaf85abebba580f5{width: 100% !important;} .block-editor-block-list__block .acf-block-preview .wp-block-acf-main-wrapper, \n\t\n.wp-block-acf-main-wrapper-a, .main-wrapper-a .acf-innerblocks-container{ display: flex !important; justify-content: flex-start; max-width: 1640px; width: 100%; flex-wrap: wrap !important; } \n\t\n\t#main-wrapper-a-block_5573bd6301912f1acaf85abebba580f5{ position: relative; display: flex; align-self: start; max-width: 1640px; width: 100%; justify-content: flex-start; background-color: rgb(255,255,255); min-height: 50px; border: 0px solid ; padding: 0px 0px 0px; border-top-left-radius: 50px; border-top-right-radius: 150px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; box-shadow: 20px 0px 0px -20px  , -20px 0px 0px -20px ; box-sizing: border-box; margin: 0 auto; transition: 1.50s !important;} \n\t.sticky-event-block{ display: flex; max-width: 1640px; width: 100%; padding: px px px; box-shadow: 20px 0px 0px -20px  , -20px 0px 0px -20px ; margin: px auto px; box-sizing: border-box; transition: 0.70s !important;}\n\t\n\/*The Media Starts Here *\/\n@media only screen and (max-width: 1280px) { #main-wrapper-a-block_5573bd6301912f1acaf85abebba580f5{ border-top-left-radius: calc(50px \/ 2)!important; border-top-right-radius: calc(150px \/ 2) !important; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } } @media only screen and (max-width: 1023px) { #main-wrapper-a-block_5573bd6301912f1acaf85abebba580f5{padding-right: 0px !important; padding-left: 0px !important; box-sizing: border-box;} }\n\/*The Media Starts Here *\/\t\n@media only screen and (max-width: 950px) { #main-wrapper-a-block_5573bd6301912f1acaf85abebba580f5{ border-top-left-radius: calc(50px \/ 3)!important; border-top-right-radius: calc(150px \/ 3) !important; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } } <\/style>\n<\/div> \n    <\/div> \n<\/div>\n<style type=\"text\/css\"> \n\t#mainpage-background-block_0b8ea8fe845d96960ddcaf3234f82131 .mainpage-background{ margin-top: 0px; margin-bottom: 0px; background-image: url(); } \n\t#mainpage-background-block_0b8ea8fe845d96960ddcaf3234f82131 .imgSectionOverColor{ min-height: px; padding: 0px 0px 0px; box-sizing: border-box;}\n\t.currentPageFooterImg, .xpage_curfooter, .xpage_template { padding:0 20px; box-sizing: border-box; }\n<\/style>\n<!-- Modal for error and success messages -->\n<div id=\"contactform-modal\" class=\"contactform-modal\">\n    <div class=\"form-modal-content\">\n        <span class=\"form-modal-close\">&#x2715;<\/span>\n        <div id=\"modal-message\">\n            <!-- PHP errors or success message will be injected here -->\n        <\/div>\n    <\/div>\n<\/div>\n\n<style type=\"text\/css\">.acf-innerblocks-container .block-editor-block-list__layout #mainpage-background-block_0b8ea8fe845d96960ddcaf3234f82131{width: 100% !important;} .block-editor-block-list__block .acf-block-preview .wp-block-acf-mainpage-background, .mainpage-background .acf-innerblocks-container{width: 100%!important; } .vidSectionOverColor, .imgSectionOverColor{ background: ;}\n@media only screen and (max-width: 650px) {.currentPageFooterImg, .xpage_curfooter, .xpage_template{padding-left:10px !important; padding-right:10px !important; box-sizing: border-box} } <\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2679,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11636","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/websitesideas.co.uk\/cowelfare\/wp-json\/wp\/v2\/pages\/11636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websitesideas.co.uk\/cowelfare\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/websitesideas.co.uk\/cowelfare\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/websitesideas.co.uk\/cowelfare\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websitesideas.co.uk\/cowelfare\/wp-json\/wp\/v2\/comments?post=11636"}],"version-history":[{"count":0,"href":"https:\/\/websitesideas.co.uk\/cowelfare\/wp-json\/wp\/v2\/pages\/11636\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/websitesideas.co.uk\/cowelfare\/wp-json\/wp\/v2\/media\/2679"}],"wp:attachment":[{"href":"https:\/\/websitesideas.co.uk\/cowelfare\/wp-json\/wp\/v2\/media?parent=11636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}