.global-hamburger .et_pb_menu__menu,.global-hamburger.et_pb_fullwidth_menu .et_pb_menu__menu{display:none!important}.global-hamburger .et_mobile_nav_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_nav_menu,.global-hamburger .mobile_nav,.global-hamburger.et_pb_fullwidth_menu .mobile_nav{display:block!important}.global-hamburger .et_pb_menu__wrap,.global-hamburger.et_pb_fullwidth_menu .et_pb_menu__wrap{justify-content:flex-end!important}.global-hamburger .mobile_nav,.global-hamburger.et_pb_fullwidth_menu .mobile_nav{position:relative!important}.global-hamburger .mobile_menu_bar,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar{display:block!important;padding-bottom:0!important}.global-hamburger .mobile_menu_bar:before,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar:before{font-size:34px!important;color:#ffffff!important}.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu{display:none!important;position:absolute!important;top:100%!important;right:0!important;left:auto!important;width:300px!important;max-width:90vw!important;background:#ffffff!important;border-top:none!important;padding:0!important;margin:0!important;box-shadow:0 10px 30px rgba(0,0,0,0.15)!important;z-index:99999!important;overflow-x:hidden!important;box-sizing:border-box!important}.global-hamburger .mobile_nav.opened .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .mobile_nav.opened .et_mobile_menu{display:block!important}.et_mobile_menu,.et_mobile_menu ul,.et_mobile_menu li{list-style:none!important;margin:0!important;padding-left:0!important;box-sizing:border-box!important}.et_mobile_menu li::before,.et_mobile_menu li::marker,.et_mobile_menu ul li::marker{display:none!important;content:none!important}.et_mobile_menu li a{display:block!important;width:100%!important;padding:14px 18px!important;font-size:16px!important;line-height:1.4!important;font-weight:500!important;color:#111111!important;border-bottom:1px solid rgba(0,0,0,0.08)!important;background:#ffffff!important;opacity:1!important;box-sizing:border-box!important;white-space:normal!important;word-break:break-word!important}.et_mobile_menu li a:hover{background:#f8f8f8!important;color:#111111!important}.et_mobile_menu li:last-child a{border-bottom:none!important}.et_mobile_menu .wpml-ls-item a,.et_mobile_menu .lang-item a,.et_mobile_menu .wpml-ls-link{display:block!important;width:100%!important;padding:12px 18px!important;font-size:16px!important;line-height:1.4!important;box-sizing:border-box!important;white-space:nowrap!important}.et_mobile_menu .wpml-ls-flag{margin-right:8px!important;vertical-align:middle!important}.et_mobile_menu .wpml-ls-current-language a{font-weight:700!important}.et_mobile_menu .sub-menu{padding-left:0!important}.et_mobile_menu .sub-menu li a{padding-left:28px!important}.mobile_menu_bar:before{font-size:28px!important}@media only screen and (min-width:768px) and (max-width:980px){.tablet-header-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}.tablet-header-row .et_pb_column{float:none!important;width:auto!important;margin:0!important;display:flex!important;align-items:center!important}.tablet-header-row .et_pb_module{margin-bottom:0!important}.tablet-logo img{max-width:140px!important;height:auto!important;display:block!important}.mobile-burger{margin-left:auto!important}.mobile-burger .et_pb_menu__menu{display:none!important}.mobile-burger .et_mobile_nav_menu{display:block!important}.mobile-burger .et_pb_menu_inner_container,.mobile-burger .et_pb_menu__wrap{display:flex!important;align-items:center!important;justify-content:flex-end!important;background:transparent!important}.mobile-burger .mobile_menu_bar{padding:0!important;background:transparent!important}.mobile-burger .mobile_menu_bar:before{font-size:30px!important;color:#ffffff!important}}@media only screen and (max-width:980px){.global-hamburger .mobile_menu_bar:before,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar:before{font-size:32px!important}.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu,.et_mobile_menu{width:300px!important;min-width:300px!important;max-width:85vw!important;right:0!important;left:auto!important}}@media only screen and (max-width:767px){.global-hamburger .mobile_menu_bar:before,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar:before{font-size:30px!important}.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu,.et_mobile_menu{width:260px!important;min-width:260px!important;max-width:88vw!important;right:0!important;left:auto!important}.et_mobile_menu li a,.et_mobile_menu .wpml-ls-item a,.et_mobile_menu .lang-item a,.et_mobile_menu .wpml-ls-link{font-size:15px!important;padding:12px 16px!important}}@media only screen and (max-width:480px){.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu,.et_mobile_menu{width:240px!important;min-width:240px!important;max-width:90vw!important}.et_mobile_menu li a,.et_mobile_menu .wpml-ls-item a,.et_mobile_menu .lang-item a,.et_mobile_menu .wpml-ls-link{font-size:15px!important;padding:11px 14px!important}}.wpforms-container,.wpforms-container-full,.wpforms-form{width:100%!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;overflow:visible!important;box-sizing:border-box!important}.wpforms-field-container{display:flex!important;flex-wrap:wrap!important;gap:22px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpforms-container .wpforms-field,.wpforms-container-full .wpforms-field,.wpforms-field,.wpforms-field.wpforms-one-half,.wpforms-field-textarea,.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.wpforms-field-divider:empty,.wpforms-field-html:empty{display:none!important}.wpforms-container input,.wpforms-container select,.wpforms-container textarea,.wpforms-container-full input,.wpforms-container-full select,.wpforms-container-full textarea{width:100%!important;max-width:100%!important;background:#c8b2a7!important;border:none!important;border-radius:3px!important;color:#000000!important;font-size:17px!important;font-weight:400!important;letter-spacing:1px!important;padding:20px 18px!important;box-shadow:10px 14px 24px rgba(0,0,0,0.16)!important;outline:none!important;box-sizing:border-box!important}.wpforms-container textarea,.wpforms-container-full textarea{min-height:220px!important;resize:vertical!important}.wpforms-container input::placeholder,.wpforms-container textarea::placeholder,.wpforms-container-full input::placeholder,.wpforms-container-full textarea::placeholder{color:rgba(0,0,0,0.50)!important;opacity:1!important}.wpforms-container select,.wpforms-container-full select{height:61px!important;appearance:auto!important;color:rgba(0,0,0,0.65)!important}.wpforms-container input:focus,.wpforms-container select:focus,.wpforms-container textarea:focus,.wpforms-container-full input:focus,.wpforms-container-full select:focus,.wpforms-container-full textarea:focus{box-shadow:12px 16px 28px rgba(0,0,0,0.22)!important}.wpforms-container input[type="date"],.wpforms-container-full input[type="date"]{color:#000000!important}.wpforms-container input[type="date"]::before,.wpforms-container-full input[type="date"]::before{content:"Datum"!important;color:rgba(0,0,0,0.50)!important}.wpforms-container label.wpforms-field-label,.wpforms-container-full label.wpforms-field-label{display:none!important}.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox{margin-top:4px!important}.wpforms-container .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container .wpforms-field-gdpr-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-gdpr-checkbox>label.wpforms-field-label{display:block!important;color:#111111!important;font-size:18px!important;line-height:1.25!important;font-weight:700!important;margin-bottom:10px!important}.wpforms-field-checkbox ul,.wpforms-field-gdpr-checkbox ul{padding-left:0!important;margin-left:0!important}.wpforms-field-checkbox li,.wpforms-field-gdpr-checkbox li{display:flex!important;align-items:flex-start!important;gap:10px!important}.wpforms-container .wpforms-field-checkbox label,.wpforms-container .wpforms-field-gdpr-checkbox label,.wpforms-container .wpforms-field-label-inline,.wpforms-container-full .wpforms-field-checkbox label,.wpforms-container-full .wpforms-field-gdpr-checkbox label,.wpforms-container-full .wpforms-field-label-inline{color:#000000!important;font-size:15px!important;line-height:1.4!important;font-weight:500!important;letter-spacing:0!important}.wpforms-container input[type="checkbox"],.wpforms-container-full input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;padding:0!important;margin:2px 8px 0 0!important;accent-color:#c8b2a7!important;box-shadow:5px 8px 14px rgba(0,0,0,0.16)!important}.wpforms-submit-container,.wpforms-container .wpforms-submit-container,.wpforms-container-full .wpforms-submit-container{width:100%!important;max-width:720px!important;margin:0 auto!important;padding:26px 0 45px 0!important;text-align:right!important;box-sizing:border-box!important;clear:both!important}.wpforms-submit,.wpforms-container button[type="submit"],.wpforms-container-full button[type="submit"]{width:auto!important;min-width:210px!important;max-width:260px!important;display:inline-block!important;margin:0!important;padding:15px 48px!important;text-align:center!important;background:#c8b2a7!important;color:#000000!important;border:none!important;border-radius:3px!important;font-size:24px!important;font-weight:500!important;letter-spacing:1px!important;line-height:1.2!important;box-shadow:8px 12px 20px rgba(0,0,0,0.18)!important;cursor:pointer!important;box-sizing:border-box!important}.wpforms-submit:hover,.wpforms-container button[type="submit"]:hover,.wpforms-container-full button[type="submit"]:hover{background:#bca397!important}.wpforms-error{color:#9b1c1c!important;font-size:14px!important;margin-top:6px!important}.wpforms-confirmation-container-full,.wpforms-confirmation-scroll{background:#c8b2a7!important;border:none!important;color:#000000!important;font-size:18px!important;letter-spacing:0.5px!important;line-height:1.6!important;padding:28px 32px!important;margin-bottom:45px!important;box-shadow:10px 14px 24px rgba(0,0,0,0.16)!important}.wpforms-confirmation-container-full p{margin:0!important}@media only screen and (max-width:980px){.wpforms-container,.wpforms-container-full,.wpforms-form{max-width:100%!important;padding-left:22px!important;padding-right:22px!important}.wpforms-field-container{gap:16px!important}.wpforms-container input,.wpforms-container select,.wpforms-container textarea,.wpforms-container-full input,.wpforms-container-full select,.wpforms-container-full textarea{font-size:16px!important;padding:17px 16px!important}.wpforms-submit-container,.wpforms-container .wpforms-submit-container,.wpforms-container-full .wpforms-submit-container{max-width:100%!important;padding:24px 22px 42px 22px!important;text-align:right!important}}@media only screen and (max-width:767px){.wpforms-container,.wpforms-container-full,.wpforms-form{max-width:100%!important;padding-left:14px!important;padding-right:14px!important}.wpforms-field-container{gap:14px!important}.wpforms-container input,.wpforms-container select,.wpforms-container textarea,.wpforms-container-full input,.wpforms-container-full select,.wpforms-container-full textarea{font-size:15px!important;padding:15px 14px!important;letter-spacing:0.5px!important}.wpforms-container textarea,.wpforms-container-full textarea{min-height:160px!important}.wpforms-container .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container .wpforms-field-gdpr-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-gdpr-checkbox>label.wpforms-field-label{font-size:17px!important;line-height:1.25!important;margin-bottom:9px!important}.wpforms-container .wpforms-field-checkbox label,.wpforms-container .wpforms-field-gdpr-checkbox label,.wpforms-container .wpforms-field-label-inline,.wpforms-container-full .wpforms-field-checkbox label,.wpforms-container-full .wpforms-field-gdpr-checkbox label,.wpforms-container-full .wpforms-field-label-inline{font-size:13px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:0!important}.wpforms-field-checkbox li,.wpforms-field-gdpr-checkbox li{gap:8px!important}.wpforms-container input[type="checkbox"],.wpforms-container-full input[type="checkbox"]{width:17px!important;height:17px!important;min-width:17px!important;flex:0 0 17px!important;margin-top:1px!important}.wpforms-submit-container,.wpforms-container .wpforms-submit-container,.wpforms-container-full .wpforms-submit-container{padding:22px 14px 38px 14px!important;text-align:right!important}.wpforms-submit,.wpforms-container button[type="submit"],.wpforms-container-full button[type="submit"]{min-width:155px!important;max-width:190px!important;padding:13px 28px!important;font-size:20px!important}}html,body{max-width:100%!important;overflow-x:hidden!important}#page-container,#et-main-area,.et-l,.et_builder_inner_content,.et_pb_section,.et_pb_row{max-width:100%!important;overflow-x:clip!important}Pasted text.txt
Document
Sibinium kada smo radili,postavili smo da se na mobitelu modulu u dva rowa da se listaju. Ovo mi je custom css (u diviju rađeno) Sada nažalost ne radi na mobitelu,zašto Thought for 5s
Najvjerojatniji razlog:u ovom CSS-u na dnu imaš kod koji gasi horizontalno listanje:html,body{max-width:100%!important;overflow-x:hidden!important}#page-container,#et-main-area,.et-l,.et_builder_inner_content,.et_pb_section,.et_pb_row{max-width:100%!important;overflow-x:clip!important}Posebno ovo:.et_pb_row{overflow-x:clip!important}To može “odrezati” mobilni horizontalni scroll/listanje modula. U kodu koji si poslala vidim hamburger i WPForms CSS,ali ne vidim dio za mobilno listanje modula u dva reda,pa je moguće da je taj dio izbrisan ili ga ovaj globalni overflow-x sada poništava. Probaj prvo zamijeniti zadnji dio s ovim:html,body{max-width:100%!important;overflow-x:hidden!important}#page-container,#et-main-area,.et-l,.et_builder_inner_content,.et_pb_section{max-width:100%!important;overflow-x:hidden!important}.et_pb_row{max-width:100%!important;overflow-x:visible!important}Ako modul koji se treba listati ima posebnu CSS klasu,npr. mobile-scroll-row,onda dodaj još:@media only screen and (max-width:767px){.mobile-scroll-row{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important}.mobile-scroll-row .et_pb_column{display:flex!important;flex-wrap:nowrap!important;gap:16px!important}.mobile-scroll-row .et_pb_module{flex:0 0 48%!important;max-width:48%!important}}I obavezno u Diviju provjeri da taj Row ima klasu:mobile-scroll-row
Row Settings → Advanced → CSS ID & Classes → CSS Class.
Pasted text(1).txt
Document
Ovo smo zalijepili 45ac98c1-17f3-4afd-8f1a-d56e537003ce.png
Ovo mi je row:@media only screen and (max-width:767px){.mobile-top-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}.mobile-top-row .et_pb_column{float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;width:auto!important}.mobile-top-row .et_pb_module{margin-bottom:0!important}.mobile-logo img{max-width:55px!important;height:auto!important;display:block}.mobile-icons{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px!important;white-space:nowrap!important}.mobile-icons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;text-decoration:none!important;line-height:1!important}.mobile-burger .et_pb_menu__menu{display:none!important}.mobile-burger .et_mobile_nav_menu{display:block!important}.mobile-burger .et_pb_menu_inner_container,.mobile-burger .et_pb_menu__wrap{display:flex!important;align-items:center!important;justify-content:center!important}.mobile-burger .mobile_menu_bar:before{font-size:28px!important}}d5e5a00d-e5e5-4681-a227-6586098c4d30.png
OVo mi je za modul za hamburger
Tu ništa ne mijenjaš osim što možeš dodati još ovaj dio da bude sigurnije:.mobile-burger .mobile_menu_bar{display:block!important;opacity:1!important;visibility:visible!important}Znači cijeli završetak neka bude:.mobile-burger .et_pb_menu_inner_container,.mobile-burger .et_pb_menu__wrap{display:flex!important;align-items:center!important;justify-content:center!important}.mobile-burger .mobile_menu_bar{display:block!important;opacity:1!important;visibility:visible!important}.mobile-burger .mobile_menu_bar:before{font-size:28px!important}Ali glavno nije ovdje — glavno je da na samom Menu modulu dodaš:global-hamburger
Bez toga pola CSS-a koje smo radili ne radi.
@media only screen and (max-width:767px){.mobile-top-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}.mobile-top-row .et_pb_column{float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;width:auto!important}.mobile-top-row .et_pb_module{margin-bottom:0!important}.mobile-logo img{max-width:55px!important;height:auto!important;display:block}.mobile-icons{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px!important;white-space:nowrap!important}.mobile-icons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;text-decoration:none!important;line-height:1!important}.mobile-burger .et_pb_menu__menu{display:none!important}.mobile-burger .et_mobile_nav_menu{display:block!important}.mobile-burger .et_pb_menu_inner_container,.mobile-burger .et_pb_menu__wrap{display:flex!important;align-items:center!important;justify-content:center!important}.mobile-burger .mobile_menu_bar:before{font-size:28px!important}}.mobile-burger .mobile_menu_bar{display:block!important;opacity:1!important;visibility:visible!important}Ovako mi je sada oke? Da,ovo je sada okej 👍
Samo još jedna sitnica — ubaci i ovo ispod font-size:28px da hamburger bude bijel i sigurno vidljiv:color:#ffffff!important;Znači:.mobile-burger .mobile_menu_bar:before{font-size:28px!important;color:#ffffff!important}I najbitnije:na samom Menu modulu mora biti:global-hamburger
Ako nakon Save+Clear Cache i dalje nema hamburgera,onda je problem što je u Divi Menu modulu ugašen mobile menu ili je fullscreen menu uključen.
A sve je jučer bilo u redu dok mi nisi promijenio custom code
Imaš pravo — vjerojatno smo previše skratili/stisnuli CSS i zato se razbio header.
Najsigurnije sada:vrati originalni custom CSS koji si imala prije,a na samo dno dodaj samo ovaj mali fix za scroll:@media only screen and (max-width:767px){.mobile-scroll-row{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important}}Nemoj više koristiti ovaj dio:.et_pb_row{overflow-x:visible!important}ni ovaj:.mobile-scroll-row{display:flex!important}To ti je najvjerojatnije razbilo raspored headera/menija.
Znači:vrati jučerašnji original,pa dodaj samo mali fix iznad.
.global-hamburger .et_pb_menu__menu,.global-hamburger.et_pb_fullwidth_menu .et_pb_menu__menu{display:none!important}.global-hamburger .et_mobile_nav_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_nav_menu,.global-hamburger .mobile_nav,.global-hamburger.et_pb_fullwidth_menu .mobile_nav{display:block!important}.global-hamburger .et_pb_menu__wrap,.global-hamburger.et_pb_fullwidth_menu .et_pb_menu__wrap{justify-content:flex-end!important}.global-hamburger .mobile_nav,.global-hamburger.et_pb_fullwidth_menu .mobile_nav{position:relative!important}.global-hamburger .mobile_menu_bar,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar{display:block!important;padding-bottom:0!important}.global-hamburger .mobile_menu_bar:before,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar:before{font-size:34px!important;color:#ffffff!important}.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu{display:none!important;position:absolute!important;top:100%!important;right:0!important;left:auto!important;width:300px!important;max-width:90vw!important;background:#ffffff!important;border-top:none!important;padding:0!important;margin:0!important;box-shadow:0 10px 30px rgba(0,0,0,0.15)!important;z-index:99999!important;overflow-x:hidden!important;box-sizing:border-box!important}.global-hamburger .mobile_nav.opened .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .mobile_nav.opened .et_mobile_menu{display:block!important}.et_mobile_menu,.et_mobile_menu ul,.et_mobile_menu li{list-style:none!important;margin:0!important;padding-left:0!important;box-sizing:border-box!important}.et_mobile_menu li::before,.et_mobile_menu li::marker,.et_mobile_menu ul li::marker{display:none!important;content:none!important}.et_mobile_menu li a{display:block!important;width:100%!important;padding:14px 18px!important;font-size:16px!important;line-height:1.4!important;font-weight:500!important;color:#111111!important;border-bottom:1px solid rgba(0,0,0,0.08)!important;background:#ffffff!important;opacity:1!important;box-sizing:border-box!important;white-space:normal!important;word-break:break-word!important}.et_mobile_menu li a:hover{background:#f8f8f8!important;color:#111111!important}.et_mobile_menu li:last-child a{border-bottom:none!important}.et_mobile_menu .wpml-ls-item a,.et_mobile_menu .lang-item a,.et_mobile_menu .wpml-ls-link{display:block!important;width:100%!important;padding:12px 18px!important;font-size:16px!important;line-height:1.4!important;box-sizing:border-box!important;white-space:nowrap!important}.et_mobile_menu .wpml-ls-flag{margin-right:8px!important;vertical-align:middle!important}.et_mobile_menu .wpml-ls-current-language a{font-weight:700!important}.et_mobile_menu .sub-menu{padding-left:0!important}.et_mobile_menu .sub-menu li a{padding-left:28px!important}.mobile_menu_bar:before{font-size:28px!important}@media only screen and (min-width:768px) and (max-width:980px){.tablet-header-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}.tablet-header-row .et_pb_column{float:none!important;width:auto!important;margin:0!important;display:flex!important;align-items:center!important}.tablet-header-row .et_pb_module{margin-bottom:0!important}.tablet-logo img{max-width:140px!important;height:auto!important;display:block!important}.mobile-burger{margin-left:auto!important}.mobile-burger .et_pb_menu__menu{display:none!important}.mobile-burger .et_mobile_nav_menu{display:block!important}.mobile-burger .et_pb_menu_inner_container,.mobile-burger .et_pb_menu__wrap{display:flex!important;align-items:center!important;justify-content:flex-end!important;background:transparent!important}.mobile-burger .mobile_menu_bar{padding:0!important;background:transparent!important}.mobile-burger .mobile_menu_bar:before{font-size:30px!important;color:#ffffff!important}}@media only screen and (max-width:980px){.global-hamburger .mobile_menu_bar:before,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar:before{font-size:32px!important}.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu,.et_mobile_menu{width:300px!important;min-width:300px!important;max-width:85vw!important;right:0!important;left:auto!important}}@media only screen and (max-width:767px){.global-hamburger .mobile_menu_bar:before,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar:before{font-size:30px!important}.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu,.et_mobile_menu{width:260px!important;min-width:260px!important;max-width:88vw!important;right:0!important;left:auto!important}.et_mobile_menu li a,.et_mobile_menu .wpml-ls-item a,.et_mobile_menu .lang-item a,.et_mobile_menu .wpml-ls-link{font-size:15px!important;padding:12px 16px!important}}@media only screen and (max-width:480px){.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu,.et_mobile_menu{width:240px!important;min-width:240px!important;max-width:90vw!important}.et_mobile_menu li a,.et_mobile_menu .wpml-ls-item a,.et_mobile_menu .lang-item a,.et_mobile_menu .wpml-ls-link{font-size:15px!important;padding:11px 14px!important}}.wpforms-container,.wpforms-container-full,.wpforms-form{width:100%!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;overflow:visible!important;box-sizing:border-box!important}.wpforms-field-container{display:flex!important;flex-wrap:wrap!important;gap:22px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpforms-container .wpforms-field,.wpforms-container-full .wpforms-field,.wpforms-field,.wpforms-field.wpforms-one-half,.wpforms-field-textarea,.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.wpforms-field-divider:empty,.wpforms-field-html:empty{display:none!important}.wpforms-container input,.wpforms-container select,.wpforms-container textarea,.wpforms-container-full input,.wpforms-container-full select,.wpforms-container-full textarea{width:100%!important;max-width:100%!important;background:#c8b2a7!important;border:none!important;border-radius:3px!important;color:#000000!important;font-size:17px!important;font-weight:400!important;letter-spacing:1px!important;padding:20px 18px!important;box-shadow:10px 14px 24px rgba(0,0,0,0.16)!important;outline:none!important;box-sizing:border-box!important}.wpforms-container textarea,.wpforms-container-full textarea{min-height:220px!important;resize:vertical!important}.wpforms-container input::placeholder,.wpforms-container textarea::placeholder,.wpforms-container-full input::placeholder,.wpforms-container-full textarea::placeholder{color:rgba(0,0,0,0.50)!important;opacity:1!important}.wpforms-container select,.wpforms-container-full select{height:61px!important;appearance:auto!important;color:rgba(0,0,0,0.65)!important}.wpforms-container input:focus,.wpforms-container select:focus,.wpforms-container textarea:focus,.wpforms-container-full input:focus,.wpforms-container-full select:focus,.wpforms-container-full textarea:focus{box-shadow:12px 16px 28px rgba(0,0,0,0.22)!important}.wpforms-container input[type="date"],.wpforms-container-full input[type="date"]{color:#000000!important}.wpforms-container input[type="date"]::before,.wpforms-container-full input[type="date"]::before{content:"Datum"!important;color:rgba(0,0,0,0.50)!important}.wpforms-container label.wpforms-field-label,.wpforms-container-full label.wpforms-field-label{display:none!important}.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox{margin-top:4px!important}.wpforms-container .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container .wpforms-field-gdpr-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-gdpr-checkbox>label.wpforms-field-label{display:block!important;color:#111111!important;font-size:18px!important;line-height:1.25!important;font-weight:700!important;margin-bottom:10px!important}.wpforms-field-checkbox ul,.wpforms-field-gdpr-checkbox ul{padding-left:0!important;margin-left:0!important}.wpforms-field-checkbox li,.wpforms-field-gdpr-checkbox li{display:flex!important;align-items:flex-start!important;gap:10px!important}.wpforms-container .wpforms-field-checkbox label,.wpforms-container .wpforms-field-gdpr-checkbox label,.wpforms-container .wpforms-field-label-inline,.wpforms-container-full .wpforms-field-checkbox label,.wpforms-container-full .wpforms-field-gdpr-checkbox label,.wpforms-container-full .wpforms-field-label-inline{color:#000000!important;font-size:15px!important;line-height:1.4!important;font-weight:500!important;letter-spacing:0!important}.wpforms-container input[type="checkbox"],.wpforms-container-full input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;padding:0!important;margin:2px 8px 0 0!important;accent-color:#c8b2a7!important;box-shadow:5px 8px 14px rgba(0,0,0,0.16)!important}.wpforms-submit-container,.wpforms-container .wpforms-submit-container,.wpforms-container-full .wpforms-submit-container{width:100%!important;max-width:720px!important;margin:0 auto!important;padding:26px 0 45px 0!important;text-align:right!important;box-sizing:border-box!important;clear:both!important}.wpforms-submit,.wpforms-container button[type="submit"],.wpforms-container-full button[type="submit"]{width:auto!important;min-width:210px!important;max-width:260px!important;display:inline-block!important;margin:0!important;padding:15px 48px!important;text-align:center!important;background:#c8b2a7!important;color:#000000!important;border:none!important;border-radius:3px!important;font-size:24px!important;font-weight:500!important;letter-spacing:1px!important;line-height:1.2!important;box-shadow:8px 12px 20px rgba(0,0,0,0.18)!important;cursor:pointer!important;box-sizing:border-box!important}.wpforms-submit:hover,.wpforms-container button[type="submit"]:hover,.wpforms-container-full button[type="submit"]:hover{background:#bca397!important}.wpforms-error{color:#9b1c1c!important;font-size:14px!important;margin-top:6px!important}.wpforms-confirmation-container-full,.wpforms-confirmation-scroll{background:#c8b2a7!important;border:none!important;color:#000000!important;font-size:18px!important;letter-spacing:0.5px!important;line-height:1.6!important;padding:28px 32px!important;margin-bottom:45px!important;box-shadow:10px 14px 24px rgba(0,0,0,0.16)!important}.wpforms-confirmation-container-full p{margin:0!important}@media only screen and (max-width:980px){.wpforms-container,.wpforms-container-full,.wpforms-form{max-width:100%!important;padding-left:22px!important;padding-right:22px!important}.wpforms-field-container{gap:16px!important}.wpforms-container input,.wpforms-container select,.wpforms-container textarea,.wpforms-container-full input,.wpforms-container-full select,.wpforms-container-full textarea{font-size:16px!important;padding:17px 16px!important}.wpforms-submit-container,.wpforms-container .wpforms-submit-container,.wpforms-container-full .wpforms-submit-container{max-width:100%!important;padding:24px 22px 42px 22px!important;text-align:right!important}}@media only screen and (max-width:767px){.wpforms-container,.wpforms-container-full,.wpforms-form{max-width:100%!important;padding-left:14px!important;padding-right:14px!important}.wpforms-field-container{gap:14px!important}.wpforms-container input,.wpforms-container select,.wpforms-container textarea,.wpforms-container-full input,.wpforms-container-full select,.wpforms-container-full textarea{font-size:15px!important;padding:15px 14px!important;letter-spacing:0.5px!important}.wpforms-container textarea,.wpforms-container-full textarea{min-height:160px!important}.wpforms-container .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container .wpforms-field-gdpr-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-gdpr-checkbox>label.wpforms-field-label{font-size:17px!important;line-height:1.25!important;margin-bottom:9px!important}.wpforms-container .wpforms-field-checkbox label,.wpforms-container .wpforms-field-gdpr-checkbox label,.wpforms-container .wpforms-field-label-inline,.wpforms-container-full .wpforms-field-checkbox label,.wpforms-container-full .wpforms-field-gdpr-checkbox label,.wpforms-container-full .wpforms-field-label-inline{font-size:13px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:0!important}.wpforms-field-checkbox li,.wpforms-field-gdpr-checkbox li{gap:8px!important}.wpforms-container input[type="checkbox"],.wpforms-container-full input[type="checkbox"]{width:17px!important;height:17px!important;min-width:17px!important;flex:0 0 17px!important;margin-top:1px!important}.wpforms-submit-container,.wpforms-container .wpforms-submit-container,.wpforms-container-full .wpforms-submit-container{padding:22px 14px 38px 14px!important;text-align:right!important}.wpforms-submit,.wpforms-container button[type="submit"],.wpforms-container-full button[type="submit"]{min-width:155px!important;max-width:190px!important;padding:13px 28px!important;font-size:20px!important}}html,body{max-width:100%!important;overflow-x:hidden!important}#page-container,#et-main-area,.et-l,.et_builder_inner_content,.et_pb_section,.et_pb_row{max-width:100%!important;overflow-x:clip!important}Close
Pasted text.txt
Document
Sibinium kada smo radili,postavili smo da se na mobitelu modulu u dva rowa da se listaju. Ovo mi je custom css (u diviju rađeno) Sada nažalost ne radi na mobitelu,zašto Thought for 5s
Najvjerojatniji razlog:u ovom CSS-u na dnu imaš kod koji gasi horizontalno listanje:html,body{max-width:100%!important;overflow-x:hidden!important}#page-container,#et-main-area,.et-l,.et_builder_inner_content,.et_pb_section,.et_pb_row{max-width:100%!important;overflow-x:clip!important}Posebno ovo:.et_pb_row{overflow-x:clip!important}To može “odrezati” mobilni horizontalni scroll/listanje modula. U kodu koji si poslala vidim hamburger i WPForms CSS,ali ne vidim dio za mobilno listanje modula u dva reda,pa je moguće da je taj dio izbrisan ili ga ovaj globalni overflow-x sada poništava. Probaj prvo zamijeniti zadnji dio s ovim:html,body{max-width:100%!important;overflow-x:hidden!important}#page-container,#et-main-area,.et-l,.et_builder_inner_content,.et_pb_section{max-width:100%!important;overflow-x:hidden!important}.et_pb_row{max-width:100%!important;overflow-x:visible!important}Ako modul koji se treba listati ima posebnu CSS klasu,npr. mobile-scroll-row,onda dodaj još:@media only screen and (max-width:767px){.mobile-scroll-row{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important}.mobile-scroll-row .et_pb_column{display:flex!important;flex-wrap:nowrap!important;gap:16px!important}.mobile-scroll-row .et_pb_module{flex:0 0 48%!important;max-width:48%!important}}I obavezno u Diviju provjeri da taj Row ima klasu:mobile-scroll-row
Row Settings → Advanced → CSS ID & Classes → CSS Class.
Pasted text(1).txt
Document
Ovo smo zalijepili 45ac98c1-17f3-4afd-8f1a-d56e537003ce.png
Ovo mi je row:@media only screen and (max-width:767px){.mobile-top-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}.mobile-top-row .et_pb_column{float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;width:auto!important}.mobile-top-row .et_pb_module{margin-bottom:0!important}.mobile-logo img{max-width:55px!important;height:auto!important;display:block}.mobile-icons{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px!important;white-space:nowrap!important}.mobile-icons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;text-decoration:none!important;line-height:1!important}.mobile-burger .et_pb_menu__menu{display:none!important}.mobile-burger .et_mobile_nav_menu{display:block!important}.mobile-burger .et_pb_menu_inner_container,.mobile-burger .et_pb_menu__wrap{display:flex!important;align-items:center!important;justify-content:center!important}.mobile-burger .mobile_menu_bar:before{font-size:28px!important}}d5e5a00d-e5e5-4681-a227-6586098c4d30.png
OVo mi je za modul za hamburger
Tu ništa ne mijenjaš osim što možeš dodati još ovaj dio da bude sigurnije:.mobile-burger .mobile_menu_bar{display:block!important;opacity:1!important;visibility:visible!important}Znači cijeli završetak neka bude:.mobile-burger .et_pb_menu_inner_container,.mobile-burger .et_pb_menu__wrap{display:flex!important;align-items:center!important;justify-content:center!important}.mobile-burger .mobile_menu_bar{display:block!important;opacity:1!important;visibility:visible!important}.mobile-burger .mobile_menu_bar:before{font-size:28px!important}Ali glavno nije ovdje — glavno je da na samom Menu modulu dodaš:global-hamburger
Bez toga pola CSS-a koje smo radili ne radi.
@media only screen and (max-width:767px){.mobile-top-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}.mobile-top-row .et_pb_column{float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;width:auto!important}.mobile-top-row .et_pb_module{margin-bottom:0!important}.mobile-logo img{max-width:55px!important;height:auto!important;display:block}.mobile-icons{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px!important;white-space:nowrap!important}.mobile-icons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;text-decoration:none!important;line-height:1!important}.mobile-burger .et_pb_menu__menu{display:none!important}.mobile-burger .et_mobile_nav_menu{display:block!important}.mobile-burger .et_pb_menu_inner_container,.mobile-burger .et_pb_menu__wrap{display:flex!important;align-items:center!important;justify-content:center!important}.mobile-burger .mobile_menu_bar:before{font-size:28px!important}}.mobile-burger .mobile_menu_bar{display:block!important;opacity:1!important;visibility:visible!important}Ovako mi je sada oke? Da,ovo je sada okej 👍
Samo još jedna sitnica — ubaci i ovo ispod font-size:28px da hamburger bude bijel i sigurno vidljiv:color:#ffffff!important;Znači:.mobile-burger .mobile_menu_bar:before{font-size:28px!important;color:#ffffff!important}I najbitnije:na samom Menu modulu mora biti:global-hamburger
Ako nakon Save+Clear Cache i dalje nema hamburgera,onda je problem što je u Divi Menu modulu ugašen mobile menu ili je fullscreen menu uključen.
A sve je jučer bilo u redu dok mi nisi promijenio custom code
Imaš pravo — vjerojatno smo previše skratili/stisnuli CSS i zato se razbio header.
Najsigurnije sada:vrati originalni custom CSS koji si imala prije,a na samo dno dodaj samo ovaj mali fix za scroll:@media only screen and (max-width:767px){.mobile-scroll-row{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important}}Nemoj više koristiti ovaj dio:.et_pb_row{overflow-x:visible!important}ni ovaj:.mobile-scroll-row{display:flex!important}To ti je najvjerojatnije razbilo raspored headera/menija.
Znači:vrati jučerašnji original,pa dodaj samo mali fix iznad.
.global-hamburger .et_pb_menu__menu,.global-hamburger.et_pb_fullwidth_menu .et_pb_menu__menu{display:none!important}.global-hamburger .et_mobile_nav_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_nav_menu,.global-hamburger .mobile_nav,.global-hamburger.et_pb_fullwidth_menu .mobile_nav{display:block!important}.global-hamburger .et_pb_menu__wrap,.global-hamburger.et_pb_fullwidth_menu .et_pb_menu__wrap{justify-content:flex-end!important}.global-hamburger .mobile_nav,.global-hamburger.et_pb_fullwidth_menu .mobile_nav{position:relative!important}.global-hamburger .mobile_menu_bar,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar{display:block!important;padding-bottom:0!important}.global-hamburger .mobile_menu_bar:before,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar:before{font-size:34px!important;color:#ffffff!important}.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu{display:none!important;position:absolute!important;top:100%!important;right:0!important;left:auto!important;width:300px!important;max-width:90vw!important;background:#ffffff!important;border-top:none!important;padding:0!important;margin:0!important;box-shadow:0 10px 30px rgba(0,0,0,0.15)!important;z-index:99999!important;overflow-x:hidden!important;box-sizing:border-box!important}.global-hamburger .mobile_nav.opened .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .mobile_nav.opened .et_mobile_menu{display:block!important}.et_mobile_menu,.et_mobile_menu ul,.et_mobile_menu li{list-style:none!important;margin:0!important;padding-left:0!important;box-sizing:border-box!important}.et_mobile_menu li::before,.et_mobile_menu li::marker,.et_mobile_menu ul li::marker{display:none!important;content:none!important}.et_mobile_menu li a{display:block!important;width:100%!important;padding:14px 18px!important;font-size:16px!important;line-height:1.4!important;font-weight:500!important;color:#111111!important;border-bottom:1px solid rgba(0,0,0,0.08)!important;background:#ffffff!important;opacity:1!important;box-sizing:border-box!important;white-space:normal!important;word-break:break-word!important}.et_mobile_menu li a:hover{background:#f8f8f8!important;color:#111111!important}.et_mobile_menu li:last-child a{border-bottom:none!important}.et_mobile_menu .wpml-ls-item a,.et_mobile_menu .lang-item a,.et_mobile_menu .wpml-ls-link{display:block!important;width:100%!important;padding:12px 18px!important;font-size:16px!important;line-height:1.4!important;box-sizing:border-box!important;white-space:nowrap!important}.et_mobile_menu .wpml-ls-flag{margin-right:8px!important;vertical-align:middle!important}.et_mobile_menu .wpml-ls-current-language a{font-weight:700!important}.et_mobile_menu .sub-menu{padding-left:0!important}.et_mobile_menu .sub-menu li a{padding-left:28px!important}.mobile_menu_bar:before{font-size:28px!important}@media only screen and (min-width:768px) and (max-width:980px){.tablet-header-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}.tablet-header-row .et_pb_column{float:none!important;width:auto!important;margin:0!important;display:flex!important;align-items:center!important}.tablet-header-row .et_pb_module{margin-bottom:0!important}.tablet-logo img{max-width:140px!important;height:auto!important;display:block!important}.mobile-burger{margin-left:auto!important}.mobile-burger .et_pb_menu__menu{display:none!important}.mobile-burger .et_mobile_nav_menu{display:block!important}.mobile-burger .et_pb_menu_inner_container,.mobile-burger .et_pb_menu__wrap{display:flex!important;align-items:center!important;justify-content:flex-end!important;background:transparent!important}.mobile-burger .mobile_menu_bar{padding:0!important;background:transparent!important}.mobile-burger .mobile_menu_bar:before{font-size:30px!important;color:#ffffff!important}}@media only screen and (max-width:980px){.global-hamburger .mobile_menu_bar:before,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar:before{font-size:32px!important}.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu,.et_mobile_menu{width:300px!important;min-width:300px!important;max-width:85vw!important;right:0!important;left:auto!important}}@media only screen and (max-width:767px){.global-hamburger .mobile_menu_bar:before,.global-hamburger.et_pb_fullwidth_menu .mobile_menu_bar:before{font-size:30px!important}.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu,.et_mobile_menu{width:260px!important;min-width:260px!important;max-width:88vw!important;right:0!important;left:auto!important}.et_mobile_menu li a,.et_mobile_menu .wpml-ls-item a,.et_mobile_menu .lang-item a,.et_mobile_menu .wpml-ls-link{font-size:15px!important;padding:12px 16px!important}}@media only screen and (max-width:480px){.global-hamburger .et_mobile_menu,.global-hamburger.et_pb_fullwidth_menu .et_mobile_menu,.et_mobile_menu{width:240px!important;min-width:240px!important;max-width:90vw!important}.et_mobile_menu li a,.et_mobile_menu .wpml-ls-item a,.et_mobile_menu .lang-item a,.et_mobile_menu .wpml-ls-link{font-size:15px!important;padding:11px 14px!important}}.wpforms-container,.wpforms-container-full,.wpforms-form{width:100%!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;overflow:visible!important;box-sizing:border-box!important}.wpforms-field-container{display:flex!important;flex-wrap:wrap!important;gap:22px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.wpforms-container .wpforms-field,.wpforms-container-full .wpforms-field,.wpforms-field,.wpforms-field.wpforms-one-half,.wpforms-field-textarea,.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.wpforms-field-divider:empty,.wpforms-field-html:empty{display:none!important}.wpforms-container input,.wpforms-container select,.wpforms-container textarea,.wpforms-container-full input,.wpforms-container-full select,.wpforms-container-full textarea{width:100%!important;max-width:100%!important;background:#c8b2a7!important;border:none!important;border-radius:3px!important;color:#000000!important;font-size:17px!important;font-weight:400!important;letter-spacing:1px!important;padding:20px 18px!important;box-shadow:10px 14px 24px rgba(0,0,0,0.16)!important;outline:none!important;box-sizing:border-box!important}.wpforms-container textarea,.wpforms-container-full textarea{min-height:220px!important;resize:vertical!important}.wpforms-container input::placeholder,.wpforms-container textarea::placeholder,.wpforms-container-full input::placeholder,.wpforms-container-full textarea::placeholder{color:rgba(0,0,0,0.50)!important;opacity:1!important}.wpforms-container select,.wpforms-container-full select{height:61px!important;appearance:auto!important;color:rgba(0,0,0,0.65)!important}.wpforms-container input:focus,.wpforms-container select:focus,.wpforms-container textarea:focus,.wpforms-container-full input:focus,.wpforms-container-full select:focus,.wpforms-container-full textarea:focus{box-shadow:12px 16px 28px rgba(0,0,0,0.22)!important}.wpforms-container input[type="date"],.wpforms-container-full input[type="date"]{color:#000000!important}.wpforms-container input[type="date"]::before,.wpforms-container-full input[type="date"]::before{content:"Datum"!important;color:rgba(0,0,0,0.50)!important}.wpforms-container label.wpforms-field-label,.wpforms-container-full label.wpforms-field-label{display:none!important}.wpforms-field-checkbox,.wpforms-field-gdpr-checkbox{margin-top:4px!important}.wpforms-container .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container .wpforms-field-gdpr-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-gdpr-checkbox>label.wpforms-field-label{display:block!important;color:#111111!important;font-size:18px!important;line-height:1.25!important;font-weight:700!important;margin-bottom:10px!important}.wpforms-field-checkbox ul,.wpforms-field-gdpr-checkbox ul{padding-left:0!important;margin-left:0!important}.wpforms-field-checkbox li,.wpforms-field-gdpr-checkbox li{display:flex!important;align-items:flex-start!important;gap:10px!important}.wpforms-container .wpforms-field-checkbox label,.wpforms-container .wpforms-field-gdpr-checkbox label,.wpforms-container .wpforms-field-label-inline,.wpforms-container-full .wpforms-field-checkbox label,.wpforms-container-full .wpforms-field-gdpr-checkbox label,.wpforms-container-full .wpforms-field-label-inline{color:#000000!important;font-size:15px!important;line-height:1.4!important;font-weight:500!important;letter-spacing:0!important}.wpforms-container input[type="checkbox"],.wpforms-container-full input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;padding:0!important;margin:2px 8px 0 0!important;accent-color:#c8b2a7!important;box-shadow:5px 8px 14px rgba(0,0,0,0.16)!important}.wpforms-submit-container,.wpforms-container .wpforms-submit-container,.wpforms-container-full .wpforms-submit-container{width:100%!important;max-width:720px!important;margin:0 auto!important;padding:26px 0 45px 0!important;text-align:right!important;box-sizing:border-box!important;clear:both!important}.wpforms-submit,.wpforms-container button[type="submit"],.wpforms-container-full button[type="submit"]{width:auto!important;min-width:210px!important;max-width:260px!important;display:inline-block!important;margin:0!important;padding:15px 48px!important;text-align:center!important;background:#c8b2a7!important;color:#000000!important;border:none!important;border-radius:3px!important;font-size:24px!important;font-weight:500!important;letter-spacing:1px!important;line-height:1.2!important;box-shadow:8px 12px 20px rgba(0,0,0,0.18)!important;cursor:pointer!important;box-sizing:border-box!important}.wpforms-submit:hover,.wpforms-container button[type="submit"]:hover,.wpforms-container-full button[type="submit"]:hover{background:#bca397!important}.wpforms-error{color:#9b1c1c!important;font-size:14px!important;margin-top:6px!important}.wpforms-confirmation-container-full,.wpforms-confirmation-scroll{background:#c8b2a7!important;border:none!important;color:#000000!important;font-size:18px!important;letter-spacing:0.5px!important;line-height:1.6!important;padding:28px 32px!important;margin-bottom:45px!important;box-shadow:10px 14px 24px rgba(0,0,0,0.16)!important}.wpforms-confirmation-container-full p{margin:0!important}@media only screen and (max-width:980px){.wpforms-container,.wpforms-container-full,.wpforms-form{max-width:100%!important;padding-left:22px!important;padding-right:22px!important}.wpforms-field-container{gap:16px!important}.wpforms-container input,.wpforms-container select,.wpforms-container textarea,.wpforms-container-full input,.wpforms-container-full select,.wpforms-container-full textarea{font-size:16px!important;padding:17px 16px!important}.wpforms-submit-container,.wpforms-container .wpforms-submit-container,.wpforms-container-full .wpforms-submit-container{max-width:100%!important;padding:24px 22px 42px 22px!important;text-align:right!important}}@media only screen and (max-width:767px){.wpforms-container,.wpforms-container-full,.wpforms-form{max-width:100%!important;padding-left:14px!important;padding-right:14px!important}.wpforms-field-container{gap:14px!important}.wpforms-container input,.wpforms-container select,.wpforms-container textarea,.wpforms-container-full input,.wpforms-container-full select,.wpforms-container-full textarea{font-size:15px!important;padding:15px 14px!important;letter-spacing:0.5px!important}.wpforms-container textarea,.wpforms-container-full textarea{min-height:160px!important}.wpforms-container .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container .wpforms-field-gdpr-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-checkbox>label.wpforms-field-label,.wpforms-container-full .wpforms-field-gdpr-checkbox>label.wpforms-field-label{font-size:17px!important;line-height:1.25!important;margin-bottom:9px!important}.wpforms-container .wpforms-field-checkbox label,.wpforms-container .wpforms-field-gdpr-checkbox label,.wpforms-container .wpforms-field-label-inline,.wpforms-container-full .wpforms-field-checkbox label,.wpforms-container-full .wpforms-field-gdpr-checkbox label,.wpforms-container-full .wpforms-field-label-inline{font-size:13px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:0!important}.wpforms-field-checkbox li,.wpforms-field-gdpr-checkbox li{gap:8px!important}.wpforms-container input[type="checkbox"],.wpforms-container-full input[type="checkbox"]{width:17px!important;height:17px!important;min-width:17px!important;flex:0 0 17px!important;margin-top:1px!important}.wpforms-submit-container,.wpforms-container .wpforms-submit-container,.wpforms-container-full .wpforms-submit-container{padding:22px 14px 38px 14px!important;text-align:right!important}.wpforms-submit,.wpforms-container button[type="submit"],.wpforms-container-full button[type="submit"]{min-width:155px!important;max-width:190px!important;padding:13px 28px!important;font-size:20px!important}}html,body{max-width:100%!important;overflow-x:hidden!important}#page-container,#et-main-area,.et-l,.et_builder_inner_content,.et_pb_section,.et_pb_row{max-width:100%!important;overflow-x:clip!important}@media only screen and (max-width:767px){.et_pb_row.mobile-scroll-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;gap:16px!important}.et_pb_row.mobile-scroll-row .et_pb_column{flex:0 0 48%!important;min-width:48%!important;width:48%!important;margin-right:0!important}}