Browser: Firefox / Chrome
OS: Windows
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue
This happens in builder and on front-end as well. Slider is placed inside an unusual grid, maybe this is the issue. I have Advanced Themer installed.
Hi,
Sorry for the late reply.
Unfortunately, I cannot reproduce or see the issue. Can you please provide the layout as a template.json file/code?
Best regards,
timmse
Hi @timmse ,
here is the json code
{"id":391,"name":"main-screen","title":"Main Screen","date":"2024-11-14 11:32:29","date_formatted":"14.11.2024","author":{"name":"\u0414\u043e\u043a\u0442\u043e\u0440 \u0414\u0438\u0441\u043a","avatar":"https:\/\/secure.gravatar.com\/avatar\/8cdc60ff0ca1b061bc14a2aae2c1c545?s=60&d=mm&r=g","url":"https:\/\/mili.3sky.ru"},"permalink":"https:\/\/mili.3sky.ru\/template\/main-screen\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"icxusf","name":"section","parent":0,"children":["infgqt","hcpjwe"],"settings":{"_overflow":"clip","_overflow:small_desktop":"auto"},"label":"\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d"},{"id":"infgqt","name":"container","parent":"icxusf","children":["zrippe","mpdrzr","uzvgug","dxrtcy"],"settings":{"_cssGlobalClasses":["psaekd"]},"label":"Grid"},{"id":"zrippe","name":"div","parent":"infgqt","children":["cotdet"],"settings":{"_cssGlobalClasses":["klxdgh"]},"label":"Heading"},{"id":"cotdet","name":"div","parent":"zrippe","children":["grlzyd","agqfqb"],"settings":{"tag":"custom","customTag":"h1","_cssGlobalClasses":["ygklso"]},"label":"H1 Wrapper"},{"id":"grlzyd","name":"text-basic","parent":"cotdet","children":[],"settings":{"text":"\u0410\u0432\u0442\u043e\u0441\u0435\u0440\u0432\u0438\u0441 \u0434\u043e\u043a\u0442\u043e\u0440 \u0434\u0438\u0441\u043a","tag":"span","_cssGlobalClasses":["xosruw"]},"label":"Black Text"},{"id":"agqfqb","name":"text-basic","parent":"cotdet","children":[],"settings":{"text":" \u0432 \u041a\u0440\u0430\u0441\u043d\u043e\u0434\u0430\u0440\u0435","tag":"span","_cssGlobalClasses":["vsgdig"]},"label":"Red Text"},{"id":"mpdrzr","name":"div","parent":"infgqt","children":["qfgfzf"],"settings":{"_cssGlobalClasses":["bjulkg"]},"label":"Silder"},{"id":"qfgfzf","name":"slider-nested","parent":"mpdrzr","children":["enhuss","qkpdps"],"settings":{"pagination":true,"type":"slide","height":"auto","paginationColorActive":{"id":"kmatuq","name":"Primary","raw":"var(--primary)","rawValue":{"light":"hsla(354, 98.2%, 44.1%, 1)","dark":"#000000"},"complementaryChildren":["aonbpg"],"shadeChildren":["zfpveo","ebviel","exgqko","xffuah","csxnop","pxcniy","byskml","hvorjx","gqblhh","lpoeaf"],"isExpanded":false},"paginationColor":{"id":"viutve","name":"dark-t-9","raw":"var(--dark-t-9)","rawValue":{"light":"hsla(0,0%,0%,0.15)","dark":"hsla(0,0%,100%,0.15)"},"isShade":true,"shadeMode":"auto","shadeType":"Transparent","shadeParent":"kpujgl","shadeOrder":8},"paginationBottom":"0","_flexGrow:small_desktop":"0","paginationBottom:small_desktop":"calc(var(--space-small) * -1.5)","_cssCustom:small_desktop":"#brxe-qfgfzf .splide__list {\n padding-block-end: var(--space-xsmall);\n}","perPage":"1","perMove":"1","_flexGrow":"1"},"themeStyles":[]},{"id":"enhuss","name":"block","parent":"qfgfzf","children":["loeblr","nljugx","pnamxg"],"settings":{"_cssGlobalClasses":["efnmof"]},"label":"\u0421\u043b\u0430\u0439\u0434 1"},{"id":"loeblr","name":"text-basic","parent":"enhuss","children":[],"settings":{"text":"\u0420\u0435\u043c\u043e\u043d\u0442 \u0434\u0438\u0441\u043a\u043e\u0432 \u043e\u0442 300 \u20bd","tag":"p","_cssGlobalClasses":["cwdglv","gxzqtr"]}},{"id":"nljugx","name":"text-basic","parent":"enhuss","children":[],"settings":{"text":"Dr.Disk - 12 \u043b\u0435\u0442 \u043d\u0430 \u0440\u044b\u043d\u043a\u0435 \u0430\u0432\u0442\u043e \u0438 \u043c\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433. \u041c\u044b \u2014 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u043e\u0432! \u0414\u043e\u0440\u043e\u0436\u0438\u043c \u0440\u0435\u043f\u0443\u0442\u0430\u0446\u0438\u0435\u0439 \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0443\u0441\u043b\u0443\u0433\u0438 \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0438 \u0441 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0435\u0439.","tag":"p","_cssGlobalClasses":["gxzqtr"]}},{"id":"pnamxg","name":"button","parent":"enhuss","children":[],"settings":{"text":"\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435","tag":"button","style":"secondary"}},{"id":"qkpdps","name":"block","parent":"qfgfzf","children":["dpqmwb","pyopfj","sadcef"],"settings":{"_cssGlobalClasses":["efnmof"]},"label":"\u0421\u043b\u0430\u0439\u0434 1"},{"id":"dpqmwb","name":"text-basic","parent":"qkpdps","children":[],"settings":{"text":"\u0420\u0435\u043c\u043e\u043d\u0442 \u0434\u0438\u0441\u043a\u043e\u0432 \u043e\u0442 300 \u20bd","tag":"p","_cssGlobalClasses":["cwdglv"]}},{"id":"pyopfj","name":"text-basic","parent":"qkpdps","children":[],"settings":{"text":"Dr.Disk - 12 \u043b\u0435\u0442 \u043d\u0430 \u0440\u044b\u043d\u043a\u0435 \u0430\u0432\u0442\u043e \u0438 \u043c\u043e\u0442\u043e \u0443\u0441\u043b\u0443\u0433. \u041c\u044b \u2014 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u043e\u0432! \u0414\u043e\u0440\u043e\u0436\u0438\u043c \u0440\u0435\u043f\u0443\u0442\u0430\u0446\u0438\u0435\u0439 \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0443\u0441\u043b\u0443\u0433\u0438 \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u043c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0438 \u0441 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0435\u0439.","tag":"p"}},{"id":"sadcef","name":"button","parent":"qkpdps","children":[],"settings":{"text":"\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435","tag":"button","style":"secondary"}},{"id":"uzvgug","name":"div","parent":"infgqt","children":["vwenro"],"settings":{"_cssGlobalClasses":["nehhup"]},"label":"Media"},{"id":"vwenro","name":"image","parent":"uzvgug","children":[],"settings":{"image":{"id":246,"filename":"main-screen-img1.jpg","size":"full","full":"https:\/\/mili.3sky.ru\/wp-content\/uploads\/main-screen-img1.jpg","url":"https:\/\/mili.3sky.ru\/wp-content\/uploads\/main-screen-img1.jpg"},"_cssGlobalClasses":["izuexk"]}},{"id":"dxrtcy","name":"div","parent":"infgqt","children":["kpyuyy"],"settings":{"_cssGlobalClasses":["wxfaui"]},"label":"Button"},{"id":"kpyuyy","name":"div","parent":"dxrtcy","children":["buhfhe"],"settings":{"_cssGlobalClasses":["kwiavb"],"tag":"custom","customTag":"button"},"label":"Call Button"},{"id":"buhfhe","name":"div","parent":"kpyuyy","children":["zeqfyg"],"settings":{"_cssGlobalClasses":["pbodgp"]},"label":"Inner"},{"id":"zeqfyg","name":"svg","parent":"buhfhe","children":[],"settings":{"file":{"id":225,"filename":"phone.svg","url":"https:\/\/mili.3sky.ru\/wp-content\/uploads\/phone.svg"},"_cssGlobalClasses":["imnwrp"],"_attributes":[{"id":"lyznkp","name":"aria-hidden","value":"true"}]},"label":"Icon"},{"id":"hcpjwe","name":"container","parent":"icxusf","children":["kmulny","egmjxh","bgioxd"],"settings":{"_cssGlobalClasses":["ikpvtm","kjbqcl"],"tag":"ul","_cssCustom":"#brxe-hcpjwe {\n row-gap: calc(var(--grid-gap) * 1.5);\n}"},"label":"Grid 3"},{"id":"kmulny","name":"div","parent":"hcpjwe","children":["yssjsh","otqxsa"],"settings":{"_cssGlobalClasses":["sujnlo"],"tag":"li"}},{"id":"yssjsh","name":"text-basic","parent":"kmulny","children":[],"settings":{"text":"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 <strong>\u0442\u0435\u0445\u043d\u0430\u0434\u0437\u043e\u0440<\/strong> \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430","tag":"p","_cssGlobalClasses":["cvlrev"]}},{"id":"otqxsa","name":"image","parent":"kmulny","children":[],"settings":{"tag":"figure","_cssGlobalClasses":["vdygwo"],"image":{"id":279,"filename":"diski-helo-he845-chrome-1-1.png","size":"full","full":"https:\/\/mili.3sky.ru\/wp-content\/uploads\/diski-helo-he845-chrome-1-1.png","url":"https:\/\/mili.3sky.ru\/wp-content\/uploads\/diski-helo-he845-chrome-1-1.png"}},"themeStyles":{"caption":"none"}},{"id":"egmjxh","name":"div","parent":"hcpjwe","children":["mfcxzb","nnksrj"],"settings":{"_cssGlobalClasses":["sujnlo"]}},{"id":"mfcxzb","name":"text-basic","parent":"egmjxh","children":[],"settings":{"text":"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 <strong>\u0442\u0435\u0445\u043d\u0430\u0434\u0437\u043e\u0440<\/strong> \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430","tag":"p","_cssGlobalClasses":["cvlrev"]}},{"id":"nnksrj","name":"image","parent":"egmjxh","children":[],"settings":{"tag":"figure","_cssGlobalClasses":["vdygwo"],"image":{"id":279,"filename":"diski-helo-he845-chrome-1-1.png","size":"full","full":"https:\/\/mili.3sky.ru\/wp-content\/uploads\/diski-helo-he845-chrome-1-1.png","url":"https:\/\/mili.3sky.ru\/wp-content\/uploads\/diski-helo-he845-chrome-1-1.png"}},"themeStyles":{"caption":"none"}},{"id":"bgioxd","name":"div","parent":"hcpjwe","children":["enwbjg","ssmiak"],"settings":{"_cssGlobalClasses":["sujnlo"]}},{"id":"enwbjg","name":"text-basic","parent":"bgioxd","children":[],"settings":{"text":"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 <strong>\u0442\u0435\u0445\u043d\u0430\u0434\u0437\u043e\u0440<\/strong> \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430","tag":"p","_cssGlobalClasses":["cvlrev"]}},{"id":"ssmiak","name":"image","parent":"bgioxd","children":[],"settings":{"tag":"figure","_cssGlobalClasses":["vdygwo"],"image":{"id":279,"filename":"diski-helo-he845-chrome-1-1.png","size":"full","full":"https:\/\/mili.3sky.ru\/wp-content\/uploads\/diski-helo-he845-chrome-1-1.png","url":"https:\/\/mili.3sky.ru\/wp-content\/uploads\/diski-helo-he845-chrome-1-1.png"}},"themeStyles":{"caption":"none"}}],"templateType":"section","global_classes":[{"id":"ikpvtm","name":"grid--3","settings":{"_display":"grid","_gridTemplateColumns":"repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((3 - 1) * var(--grid-gap))) \/ 3) * 0.8, (100% - (3 - 1) * var(--grid-gap)) \/ 3)), 1fr))","_gridGap":"var(--grid-gap)"},"category":"eqoxxw","modified":1729602408,"user_id":1},{"id":"gxzqtr","name":"text-wrap","settings":{"_cssCustom":".text-wrap {\n text-wrap: balance;\n}"},"category":"petxcg"},{"id":"kjbqcl","name":"list-style-none","settings":{"_padding":{"left":"0"},"_margin":{"bottom":"0","top":"0"},"_cssCustom":".list-style-none {\n list-style: none;\n}"},"modified":1730451206,"user_id":1,"category":"petxcg"},{"id":"psaekd","name":"main-screen__grid","settings":{"_display":"grid","_gridTemplateRows":"1fr 1.25fr 100px","_gridTemplateColumns":"100px 2fr 1fr 3fr","_position":"relative","_gridTemplateColumns:small_desktop":"100%","_gridTemplateRows:small_desktop":"min-content"},"modified":1731339947,"user_id":1},{"id":"klxdgh","name":"main-screen__grid__heading","settings":{"_cssCustom":".main-screen__grid__heading {\n grid-area: 1 \/ 3 \/ 2 \/ 5;\n}","_display":"flex","_direction":"column","_alignItems":"flex-end","_gridItemColumnSpan:small_desktop":"unset","_gridItemRowSpan:small_desktop":"unset","_order:small_desktop":"1"},"modified":1731074974,"user_id":1},{"id":"bjulkg","name":"main-screen__grid__silder","settings":{"_cssCustom":".main-screen__grid__silder {\n grid-area: 2 \/ 4 \/ 4 \/ 5;\n}","_display":"flex","_flexGrow":"1","_direction":"column","_background":{"color":{"id":"guxqku","name":"Light","raw":"var(--light)","rawValue":{"light":"hsla(0, 0%, 100%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["wuhmgl","snsnzl","ordiqk","nutuvm","aoatbo","pkgjnq","dtkgnw","woeqov","prexfq","eenuzn"],"isExpanded":false}},"_padding":{"top":"var(--space-medium)","right":"var(--space-medium)","left":"var(--space-medium)","bottom":"var(--space-medium)"},"_border":{"radius":{"top":"var(--border-large)","right":"var(--border-large)","bottom":"var(--border-large)","left":"var(--border-large)"}},"boxShadowGenerator":{"boxColor":"rgb(255, 255, 255)","boxBgColor":"rgb(245, 245, 245)","width":400,"height":289,"borderRadius":32,"layers":[{"x":"0","y":"1","blur":"1","spread":0,"rgb":[3,7,18],"alpha":"0.02","inset":"0"},{"x":"0","y":"5","blur":"4","spread":0,"rgb":[3,7,18],"alpha":"0.03","inset":"0"},{"x":"0","y":"12","blur":"9","spread":0,"rgb":[3,7,18],"alpha":"0.05","inset":"0"},{"x":"0","y":"20","blur":"15","spread":0,"rgb":[3,7,18],"alpha":"0.06","inset":"0"},{"x":"0","y":"32","blur":"24","spread":0,"rgb":[3,7,18],"alpha":"0.08","inset":"0"}]},"_boxShadow":{"color":{"raw":"0px 1px 1px 0px rgba(3,7,18, 0.02), 0px 5px 4px 0px rgba(3,7,18, 0.03), 0px 12px 9px 0px rgba(3,7,18, 0.05), 0px 20px 15px 0px rgba(3,7,18, 0.06), 0px 32px 24px 0px rgba(3,7,18, 0.08)"}},"_gridItemColumnSpan:small_desktop":"unset","_gridItemRowSpan:small_desktop":"unset","_order:small_desktop":"3","_padding:small_desktop":{"bottom":"calc(var(--space-medium) + var(--space-small))"}},"modified":1731339947,"user_id":1},{"id":"nehhup","name":"main-screen__grid__media","settings":{"_position":"absolute","_zIndex":"-1","_top":"0","_bottom":"0","_right":"45%","_left":"0","_border":{"radius":{"top":"var(--border-large)","right":"var(--border-large)","bottom":"var(--border-large)","left":"var(--border-large)"}},"_position:small_desktop":"static","_order:small_desktop":"2","_heightMax:small_desktop":"clamp(20rem, 14.205vw + 15.455rem, 30rem)","_cssCustom":".main-screen__grid__media::after {\n content: '';\n position: absolute;\n width: 50px;\n height: auto;\n right: 0;\n bottom: 0;\n top: 30%;\n background-color: transparent;\n border-top-right-radius: var(--border-large);\n box-shadow: 32px -32px 0 var(--border-large) var(--muted);\n}\n\n@media screen and (max-width: 1124px) {\n .main-screen__grid__media::after {\n top: 34%;\n }\n} ","_cssCustom:small_desktop":".main-screen__grid__media::after {\n display: none;\n}"},"modified":1731077085,"user_id":1},{"id":"wxfaui","name":"main-screen__grid__button","settings":{"_cssCustom":".main-screen__grid__button {\n grid-area: 3 \/ 1 \/ 4 \/ 2;\n}\n\n.main-screen__grid__button {\n &::before, &::after {\n content: '';\n position: absolute;\n width: 50px;\n height: 50px;\n background-color: transparent;\n border-bottom-left-radius: var(--border-large);\n z-index: -1;\n box-shadow: -32px 32px 0 var(--border-large) var(--muted); \n }\n \n &::before {\n top: 0;\n left: 0;\n transform: translateY(-100%);\n }\n \n &::after {\n bottom: 0;\n right: 0;\n transform: translateX(100%);\n border-bottom-left-radius: var(--border-large);\n }\n}","_background":{"color":{"id":"pjmoya","name":"Muted","raw":"var(--muted)","rawValue":{"light":"hsla(0, 0%, 96.1%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":[],"isExpanded":true}},"_border":{"radius":{"right":"var(--border-large)"}},"_display":"flex","_alignItems":"center","_justifyContent":"center","_position":"relative","_gridItemColumnSpan:small_desktop":"unset","_gridItemRowSpan:small_desktop":"unset","_order:small_desktop":"4","_cssCustom:small_desktop":".main-screen__grid__button {\n &::before, &::after {\n display: none;\n }\n}","_position:small_desktop":"absolute","_top:small_desktop":"0","_zIndex:small_desktop":"10","_right:small_desktop":"0","_background:mobile_portrait":{"color":{"raw":"transparent"}}},"modified":1731074974,"user_id":1},{"id":"izuexk","name":"main-screen__grid__image","settings":{"_height":"100%","_width":"100%","_objectFit":"cover","_border":{"radius":{"top":"inherit","right":"inherit","bottom":"inherit","left":"inherit"}},"_objectPosition:small_desktop":"62.28% 71.99%","_objectFit:small_desktop":"cover"},"modified":1731074974,"user_id":1},{"id":"ygklso","name":"h1-wrapper","settings":{"_display":"flex","_direction":"column","_background":{"color":{"id":"pjmoya","name":"Muted","raw":"var(--muted)","rawValue":{"light":"hsla(0, 0%, 96.1%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":[],"isExpanded":true}},"_padding":{"left":"4rem","bottom":"4rem"},"_border":{"radius":{"left":"var(--border-large)"}},"_position":"relative","_cssCustom":".h1-wrapper {\n &::before, &::after {\n content: '';\n position: absolute;\n width: 50px;\n height: 50px;\n background-color: transparent;\n }\n \n &::before {\n top: 0;\n left: 0;\n transform: translateX(-100%);\n border-top-right-radius: var(--border-large);\n box-shadow: 32px -32px 0 var(--border-large) var(--muted); \n }\n \n &::after {\n display: none;\n }\n}","_width:small_desktop":"80%","_padding:small_desktop":{"top":"0","right":"0","bottom":"0","left":"0"},"_cssCustom:small_desktop":".h1-wrapper {\n &::before, &::after {\n display: none;\n }\n}","_alignSelf:small_desktop":"flex-start"},"modified":1731074974,"user_id":1},{"id":"xosruw","name":"h1-wrapper__black-text","settings":{"_typography":{"text-transform":"uppercase","font-weight":"600","line-height":"1"},"_isolation":"isolate"}},{"id":"vsgdig","name":"h1-wrapper__red-text","settings":{"_typography":{"color":{"id":"kmatuq","name":"Primary","raw":"var(--primary)","rawValue":{"light":"hsla(354, 98.2%, 44.1%, 1)","dark":"#000000"},"complementaryChildren":["aonbpg"],"shadeChildren":["zfpveo","ebviel","exgqko","xffuah","csxnop","pxcniy","byskml","hvorjx","gqblhh","lpoeaf"],"isExpanded":false},"font-family":"custom_font_39","font-weight":"700","line-height":"1","font-size":"var(--font-h3)"}}},{"id":"efnmof","name":"main-screen__slide","settings":{"_alignSelf":"stretch","_cssCustom":".main-screen__slide {\n justify-content: start !important;\n align-items: start !important;\n}","_rowGap":"var(--space-small)"},"modified":1731070676,"user_id":1},{"id":"cwdglv","name":"main-screen__slide__heading","settings":{"_typography":{"font-size":"var(--font-h4)","font-weight":"800"},"_margin":{"bottom":"0"}},"modified":1731070676,"user_id":1},{"id":"kwiavb","name":"call-button","settings":{"_width":"70","_height":"70","_display":"flex","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"var(--border-round)","right":"var(--border-round)","bottom":"var(--border-round)","left":"var(--border-round)"}},"_background":{"color":{"id":"hvorjx","name":"primary-t-8","raw":"var(--primary-t-8)","rawValue":{"light":"hsla(354.03,98.22%,44.12%,0.24)","dark":"hsla(354.03,98.22%,55.88%,0.24)"},"isShade":true,"shadeMode":"auto","shadeType":"Transparent","shadeParent":"kmatuq","shadeOrder":7}},"_cssCustom":"@media (hover) {\n .call-button:hover svg {\n animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;\n }\n \n @keyframes trambling-animation {\n 0%, 50%, 100% {\n transform: rotate(0deg);\n }\n 10%, 30% {\n transform: rotate(-10deg);\n }\n 20%, 40% {\n transform: rotate(10deg);\n }\n }\n}\n\n@media not (hover) {\n .call-button svg {\n animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;\n }\n \n @keyframes trambling-animation {\n 0%, 50%, 100% {\n transform: rotate(0deg);\n }\n 10%, 30% {\n transform: rotate(-10deg);\n }\n 20%, 40% {\n transform: rotate(10deg);\n }\n }\n}"},"modified":1731339496,"user_id":1},{"id":"imnwrp","name":"call-button__icon","settings":{"height":"30","width":"30","fill":{"id":"guxqku","name":"Light","raw":"var(--light)","rawValue":{"light":"hsla(0, 0%, 100%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["wuhmgl","snsnzl","ordiqk","nutuvm","aoatbo","pkgjnq","dtkgnw","woeqov","prexfq","eenuzn"],"isExpanded":false}}},{"id":"pbodgp","name":"call-button__inner","settings":{"_width":"75%","_height":"75%","_display":"flex","_alignItems":"center","_justifyContent":"center","_border":{"radius":{"top":"inherit","right":"inherit","bottom":"inherit","left":"inherit"}},"_cssCustom":".call-button__inner {\n background-image: radial-gradient(var(--primary-t-6), var(--primary-t-8));\n box-shadow: 0 0 10px 2px var(--light), inset 0 0 10px 2px var(--light);\n}"},"modified":1731077237,"user_id":1},{"id":"sujnlo","name":"features__item","settings":{"_padding":{"top":"var(--space-small)","right":"var(--space-small)","bottom":"var(--space-small)","left":"var(--space-small)"},"_background":{"color":{"id":"guxqku","name":"Light","raw":"var(--light)","rawValue":{"light":"hsla(0, 0%, 100%, 1)","dark":"#000000"},"complementaryChildren":[],"shadeChildren":["wuhmgl","snsnzl","ordiqk","nutuvm","aoatbo","pkgjnq","dtkgnw","woeqov","prexfq","eenuzn"],"isExpanded":false}},"_border":{"radius":{"top":"var(--border-medium)","right":"var(--border-medium)","bottom":"var(--border-medium)","left":"var(--border-medium)"}},"_boxShadow":{"values":{"offsetX":"6","offsetY":"24","blur":"50","spread":"0"},"color":{"id":"viutve","name":"dark-t-9","raw":"var(--dark-t-9)","rawValue":{"light":"hsla(0,0%,0%,0.15)","dark":"hsla(0,0%,100%,0.15)"},"isShade":true,"shadeMode":"auto","shadeType":"Transparent","shadeParent":"kpujgl","shadeOrder":8}},"_display":"flex","_direction":"row","_position":"relative","_justifyContent":"flex-end","_direction:mobile_portrait":"row","_alignItems:mobile_portrait":"center","_justifyContent:mobile_portrait":"space-between","_columnGap":"var(--space-xsmall)","_rowGap":"var(--space-xsmall)","_heightMin":"125px","_alignItems":"center"},"modified":1731311306,"user_id":1},{"id":"cvlrev","name":"features__item__text","settings":{"_widthMax":"60%","_widthMax:tablet_portrait":"60%","_width:mobile_portrait":"fit-content","_widthMax:mobile_portrait":"initial"},"modified":1731497828,"user_id":1},{"id":"vdygwo","name":"features__item__img","settings":{"_position":"absolute","_width":"150px","_aspectRatio":"1\/1","_objectFit":"contain","_top":"calc(var(--space-small) * -1)","_bottom":"calc(var(--space-small) * -1)","_left":"0","_widthMax":"40%","_position:mobile_portrait":"static","_order:mobile_portrait":"-1","_widthMax:mobile_portrait":"30%"},"modified":1731311306,"user_id":1}],"globalVariables":[{"id":"mlhukf","name":"border-large","value":"32px","category":"nnlhwh"},{"id":"kobeqe","name":"border-medium","value":"16px","category":"nnlhwh"},{"id":"bcfuzv","name":"border-small","value":"8px","category":"nnlhwh"},{"id":"shecld","name":"content-width","value":"1200px","category":"olfxbp"},{"id":"bwyhub","name":"section-padding","value":"clamp(4rem, 2.273vw + 3.273rem, 6rem)","category":"olfxbp"},{"id":"mhyptw","name":"gutter","value":"2rem","category":"olfxbp"},{"id":"hkwmie","name":"grid-gap","value":"var(--space-small)","category":"olfxbp"},{"id":"nkesbg","name":"font-h1","value":"clamp(5.5rem, 2.841vw + 4.591rem, 8rem)","type":"static","category":"uusbci"},{"id":"omfudg","name":"font-h2","value":"clamp(4rem, 2.273vw + 3.273rem, 6rem)","category":"uusbci"},{"id":"tympbd","name":"font-h3","value":"clamp(2.8rem, 1.136vw + 2.436rem, 3.8rem)","category":"uusbci"},{"id":"pqhcfn","name":"font-h4","value":"clamp(1.8rem, 0.682vw + 1.582rem, 2.4rem)","category":"uusbci"},{"id":"gyvrkq","name":"font-size","value":"1.6rem","category":"uusbci"},{"id":"qkaknt","name":"space-large","value":"clamp(3rem, 1.705vw + 2.455rem, 4.5rem)","category":"xtriqn"},{"id":"ascpga","name":"space-medium","value":"clamp(2.4rem, 0.682vw + 2.182rem, 3rem)","category":"xtriqn"},{"id":"hcqqkt","name":"space-small","value":"clamp(1.6rem, 0.455vw + 1.455rem, 2rem)","category":"xtriqn"},{"id":"hcudyz","name":"space-xsmall","value":"clamp(0.4rem, 0.455vw + 0.255rem, 0.8rem)","category":"xtriqn"},{"id":"xgesav","name":"transition","value":".2s ease-in"},{"id":"cvxrax","name":"border-round","type":"static","category":"nnlhwh","value":"100vw"},{"id":"vbmfzm","name":"line-height","value":"2.4ex","category":"uusbci"}],"globalVariablesCategories":[{"id":"uusbci","name":"\u0422\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u044f"},{"id":"olfxbp","name":"\u041c\u0430\u043a\u0435\u0442"},{"id":"xtriqn","name":"\u041e\u0442\u0441\u0442\u0443\u043f\u044b"},{"id":"nnlhwh","name":"\u0413\u0440\u0430\u043d\u0438\u0446\u044b"}]}
Thanks!
The grid causes the problem. Use minmax(0,100px) minmax(0,2fr) minmax(0,1fr) minmax(0, 3fr) instead of the simple notation and it will work as expected. This makes the grid much more flexible and prevents problems in certain situations (that occur even outside of bricks).
Best regards,
timmse
It worked, thanks for the advice
Hello timmse,
I have the same issue. I have a DIV > Nestable Slider. As soon as I put the slider, my design brakes in mobile. Tested excluding the two slides which come with it and with just one slide the design works. My DIV is display: flex, so what is your recomendation?
Please share a live link where we can see the issue.
I’m using LocalWP. Below is a video of the issue:
Here is the JSON of that template:
{"id":10499,"name":"acc-nutricao","title":"Acc Nutricao","date":"2025-12-06 16:52:21","date_formatted":"06\/12\/2025","author":{"name":"fellipe.ribeiro","avatar":"https:\/\/secure.gravatar.com\/avatar\/c8ed47255b02bfc99c42654831179d124bf75a1f99990888c9e74ce8929c82b4?s=60&d=mm&r=g","url":"http:\/\/felliperibeiro.local"},"permalink":"https:\/\/felliperibeiro.local\/template\/acc-nutricao\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"ifkyno","name":"div","parent":0,"children":["2ec4e0","sihghk"],"settings":{"_cssGlobalClasses":["jlihdc","sxnfxw"]}},{"id":"2ec4e0","name":"div","parent":"ifkyno","children":[],"settings":[],"cid":"khsudy"},{"id":"brhxag","name":"div","parent":"sqcdhj","children":["xvdtid"],"settings":{"_direction":"column","_border":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--bg-items)"}},"_justifyContent":"center","_alignItems":"center","_background":{"color":{"raw":"var(--bg-items)"}},"_height":"400","_border:hover":{"color":{"raw":"var(--text-grey-05)"}},"_cssTransition":"0.5s","_conditions":[[{"id":"kpudfb","key":"dynamic_data","dynamic_data":"{query_results_count:ryzptr}","compare":"==","value":"0"}]]}},{"id":"xvdtid","name":"text-basic","parent":"brhxag","children":[],"settings":{"text":"Nenhuma dieta para ser exibida."}},{"id":"spvfan","name":"div","parent":"wcawld","children":["njzgpd","lhbofg"],"settings":{"_direction":"column","_border":{"width":{"left":"3"},"style":"solid","color":{"raw":"hsla(46, 100%, 100%, 0)"}},"_rowGap":"var(--space-xs)","_columnGap":"var(--space-xs)","_padding":{"left":"var(--space-s)"},"_padding:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":{"left":"var(--space-m)"}}},{"id":"njzgpd","name":"text-basic","parent":"spvfan","children":[],"settings":{"_typography":{"text-transform":"uppercase","color":{"raw":"var(--text-grey-04)"},"font-size":"var(--text-s)"},"text":"Current Target"}},{"id":"lhbofg","name":"jet-engine-listing-dynamic-field","parent":"spvfan","children":[],"settings":{"_typography":{"text-transform":"uppercase","font-size":"var(--text-m)","font-family":"Archivo Black","text-shadow":{"values":{"offsetY":"3","offsetX":"3","blur":"3"},"color":{"raw":"var(--dark-30)"}}},"dynamic_field_source":"object","dynamic_field_relation_type":"grandparents","dynamic_field_post_object":"dietas__objetivo_dieta","dynamic_excerpt_more":"...","field_tag":"div","date_format":"F j, Y","num_dec_point":".","num_thousands_sep":",","num_decimals":2,"zeroise_threshold":3,"proportion_divisor":10,"proportion_multiplier":5,"attachment_image_size":"full","related_list_is_linked":true,"related_list_tag":"ul","multiselect_delimiter":", ","checklist_cols_num":1,"jet_calc_cb_dec":"0","jet_calc_cb_dec_sep":".","jet_calc_cb_th_sep":",","jet_trim_cb_type":"chars","jet_trim_cb_length":"20","user_data_to_get":"display_name","dynamic_field_format":"Objetivo - <span style=\"color:var(--error)\">%s<\/span>","object_context":"default_object","field_width":"auto","field_display":"inline","field_icon_gap":"12px","dynamic_field_post_meta":"acc_objetivo","dynamic_field_filter":true,"filter_callback":"jet_engine_label_by_glossary","labels_by_glossary":"6","dynamic_field_custom":true},"themeStyles":[]},{"id":"awqlkn","name":"jet-engine-listing-dynamic-link","parent":"zohpfe","children":[],"settings":{"_typography":{"text-transform":"uppercase","line-height":"1","color":{"raw":"var(--bg-input)"},"font-size":"var(--text-s)"},"dynamic_link_source":"dietas__cct_single_post_id","delete_link_dialog":"Are you sure you want to delete this post?","delete_link_type":"trash","link_label":"Verificar Dieta","query_args":"_post_id=%current_id%","link_wrapper_tag":"div","object_context":"default_object","_flexDirection":"column","_background":{"color":{"raw":"var(--error)"}},"dynamic_link_profile_page":"account_page::treinamento-single","_heightMin":"50","_typography:hover":{"color":{"raw":"var(--light)"}},"_cssTransition":"0.5s","selected_link_icon":{"library":"fontawesomeSolid","icon":"fas fa-circle-arrow-right"},"link_icon_direction":"row-reverse","link_icon_gap":"12","_border":{"radius":{"top":"2","right":"2","bottom":"2","left":"2"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--error)"}},"_gradient":{"angle":"135","gradientType":"linear","colors":[{"id":"ikzgug","color":{"raw":"var(--error)"},"stop":"40"},{"id":"mnvanq","color":{"raw":"rgba(0, 0, 0, 0)"}}]},"_background:hover":{"color":{"raw":"var(--border-primary)"}},"_border:hover":{"color":{"raw":"var(--border-primary)"}},"_boxShadow:hover":{"values":{"spread":"2","blur":"8"},"color":{"raw":"var(--error-40)"}}},"themeStyles":[]},{"id":"288830","name":"button","parent":"zieiqf","children":[],"settings":{"_widthMin":"150","_typography:hover":{"color":{"raw":"var(--light)"}},"_interactions":[{"id":"mwdrpw","trigger":"click","action":"startAnimation","target":"popup","animationType":"fadeIn","animationDuration":"0.5s","templateId":"4606"}],"_heightMin":"38","_heightMin:mobile_landscape":"35","text":"Limite: \/ 1","_cursor":"pointer","_typography":{"color":{"raw":"var(--error)"}},"_conditions":[[{"id":"zjqvef","key":"dynamic_data","dynamic_data":"{je_User Configuration (User fields)_acc_plano}","compare":"<","value":"1"},{"id":"ornbyy","key":"dynamic_data","dynamic_data":"{query_results_count}","compare":">=","value":"1"}]],"_border":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"raw":"var(--error)"},"radius":{"top":"2","right":"2","bottom":"2","left":"2"}},"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}}}},{"id":"sihghk","name":"div","parent":"ifkyno","children":["tdarzz","sqcdhj"],"settings":{"_direction":"column","_padding":{"left":"var(--space-xl)","top":"var(--space-xl)","right":"var(--space-xl)","bottom":"var(--space-xl)"},"_cssGlobalClasses":[]}},{"id":"tdarzz","name":"div","parent":"sihghk","children":["lhesfb","pehfvg"],"settings":{"_direction:tablet_portrait":"row","_direction:mobile_landscape":"column","_gridTemplateColumns":"repeat(2, 1fr)","_gridGap":"var(--space-xl)","_alignContentGrid":"center","_gridTemplateColumns:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":"1fr","_display":"grid"}},{"id":"lhesfb","name":"div","parent":"tdarzz","children":["uprlvf","bvmwqn"],"settings":{"_alignItems":"flex-start","_border":{"width":{"left":"3"},"style":"solid","color":{"raw":"var(--error)"}},"_direction":"column","_justifyContent":"center","_padding":{"left":"var(--space-m)"},"_columnGap":"2","_rowGap":"2"}},{"id":"uprlvf","name":"text-basic","parent":"lhesfb","children":[],"settings":{"text":"Nutrition Plan","_typography":{"text-transform":"uppercase","font-size":"var(--text-xl)","line-height":"1.5"}}},{"id":"bvmwqn","name":"text-basic","parent":"lhesfb","children":[],"settings":{"text":"Ferramenta 100% Gratuita","_typography":{"text-transform":"uppercase","font-size":"var(--text-s)","color":{"raw":"var(--text-grey-04)"},"line-height":"1.5"}}},{"id":"pehfvg","name":"div","parent":"tdarzz","children":["nsehpi","piilpd","zieiqf"],"settings":{"_direction:tablet_portrait":"row","_justifyContent:mobile_landscape":"center","_direction:mobile_portrait":"column","_justifyItemsGrid":"flex-end","_display":"grid","_gridTemplateColumns":"repeat(3, 1fr)","_gridGap":"var(--space-s)","_gridTemplateColumns:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":"repeat(2, 1fr)","_alignItemsGrid":"center"}},{"id":"nsehpi","name":"div","parent":"pehfvg","children":["qdrvby"],"settings":{"_direction":"column","_justifyContent":"center","_alignItems":"stretch","_gridItemColumnSpan:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":"1\/2"}},{"id":"qdrvby","name":"jet-smart-filters-search","parent":"nsehpi","children":[],"settings":{"apply_type":"ajax-ontyping","apply_button_text":"Apply","content_provider":"bricks-query-loop","query_id":"dietas-total","_border":{"radius":{"top":"2","right":"2","bottom":"2","left":"2"},"style":"solid","width":{"top":"1","bottom":"1","right":"1","left":"1"},"color":{"raw":"var(--bg-input)"}},"_typography":{"color":{"raw":"var(--light)"},"font-size":"var(--text-s)"},"filter_id":"4916","_background":{"color":{"raw":"var(--bg-input)"}},"_height":"40","_border:hover":{"color":{"raw":"var(--text-grey-05)"},"style":"solid"},"_border:focus":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"color":{"raw":"var(--text-grey-05)"},"style":"solid"},"_cssTransition":"0.5s","typing_min_letters_count":3,"content_date_range_inputs_width":"100%","filter_apply_button_icon_gap":"20px","apply_button_icon":{"library":"fontawesomeSolid","icon":"fas fa-magnifying-glass"},"_width:mobile_landscape":"100%","search_input_placeholder_color":{"raw":"var(--text-grey-04)"}},"themeStyles":[]},{"id":"piilpd","name":"div","parent":"pehfvg","children":["gjupld"],"settings":{"_direction":"column","_alignItems":"stretch","_justifyContent":"center","_gridItemColumnSpan:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":"2\/3"}},{"id":"gjupld","name":"jet-smart-filters-select","parent":"piilpd","children":[],"settings":{"_typography":{"color":{"raw":"var(--text-grey-04)"},"font-size":"var(--text-s)"},"apply_type":"ajax","apply_on":"value","apply_button":true,"apply_button_text":"Apply filter","content_position":"block","columns":"1","content_provider":"bricks-query-loop","query_id":"dietas-total","_border":{"radius":{"top":"2","right":"2","bottom":"2","left":"2"},"style":"solid","width":{"top":"1","bottom":"1","right":"1","left":"1"},"color":{"raw":"var(--bg-input)"}},"filter_id":["5087"],"_background":{"color":{"raw":"var(--bg-input)"}},"_height":"40","_border:hover":{"color":{"raw":"var(--text-grey-05)"},"style":"solid"},"_border:focus":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"color":{"raw":"var(--text-grey-05)"},"style":"solid"},"_cssTransition":"0.5s"},"themeStyles":[]},{"id":"dkwgii","name":"div","parent":"zieiqf","children":["qcwqyu","rvqbwo"],"settings":{"_width":"100%","_heightMin":"40","_cssGlobalClasses":["feihdp"],"_direction":"row","_alignItems":"center","_justifyContent":"center","_rowGap":"12","_columnGap":"12","_conditions":[[{"id":"kmhdni","key":"dynamic_data","dynamic_data":"{je_User Configuration (User fields)_acc_plano}","compare":">=","value":"1"},{"id":"nfdogs","key":"dynamic_data","dynamic_data":"{je_User Configuration (User fields)_acc_cadastro}","value":"sim","compare":"=="}]],"_interactions":[{"id":"bveybg","trigger":"click","action":"startAnimation","target":"popup","animationType":"fadeIn","animationDuration":"0.5s","templateId":"895"}]}},{"id":"qcwqyu","name":"text-basic","parent":"dkwgii","children":[],"settings":{"text":"Nova Dieta","_typography":{"text-transform":"uppercase"}}},{"id":"rvqbwo","name":"icon","parent":"dkwgii","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-circle-arrow-right"},"iconSize":"var(--text-s)"},"themeStyles":[]},{"id":"sqcdhj","name":"div","parent":"sihghk","children":["qnvgwj","jdwaks","brhxag"],"settings":{"_direction":"column","_alignItems":"center"}},{"id":"dfofod","name":"div","parent":"zieiqf","children":["dlhzqn","jlutox"],"settings":{"_width":"100%","_heightMin":"40","_cssGlobalClasses":["feihdp"],"_direction":"row","_alignItems":"center","_justifyContent":"center","_rowGap":"12","_columnGap":"12","_conditions":[[{"id":"kmhdni","key":"dynamic_data","dynamic_data":"{je_User Configuration (User fields)_acc_plano}","compare":"<","value":"1"}],[{"id":"eomxyj","key":"dynamic_data","dynamic_data":"{je_User Configuration (User fields)_acc_cadastro}","compare":"==","value":"nao"}]],"_interactions":[{"id":"dzxthu","trigger":"click","action":"startAnimation","target":"popup","animationType":"fadeIn","animationDuration":"0.5s","templateId":"4606"}]}},{"id":"dlhzqn","name":"text-basic","parent":"dfofod","children":[],"settings":{"text":"Nova Dieta","_typography":{"text-transform":"uppercase"}}},{"id":"jlutox","name":"icon","parent":"dfofod","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-circle-arrow-right"},"iconSize":"var(--text-s)"},"themeStyles":[]},{"id":"zieiqf","name":"div","parent":"pehfvg","children":["dkwgii","dfofod","288830"],"settings":{"_direction":"column","_gridItemColumnSpan:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":"1\/3","_rowGap":"var(--space-s)","_columnGap":"var(--space-s)"}},{"id":"txjqum","name":"jet-engine-listing-dynamic-link","parent":"zohpfe","children":[],"settings":{"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--error)"},"radius":{"bottom":"2","top":"2","right":"2","left":"2"}},"_cssTransition":"0.5s","_background":{"color":{"raw":"var(--error)"}},"_background:hover":{"color":{"raw":"var(--border-primary)"}},"_border:hover":{"color":{"raw":"var(--border-primary)"}},"_typography":{"text-transform":"uppercase","line-height":"1","color":{"raw":"var(--bg-input)"},"font-size":"var(--text-s)"},"delete_link_dialog":"Tem certeza que deseja deletar?","delete_link_type":"permanently","query_args":"_dieta_id=%current_id%","link_wrapper_tag":"div","object_context":"default_object","_flexDirection":"column","dynamic_link_profile_page":"account_page::treinamento-single","_heightMin":"50","_typography:hover":{"color":{"raw":"var(--light)"}},"selected_link_icon":{"library":"fontawesomeSolid","icon":"fas fa-trash-can"},"link_icon_direction":"row-reverse","link_icon_gap":"12","_gradient":{"angle":"135","gradientType":"linear","colors":[{"id":"ikzgug","color":{"raw":"var(--error)"},"stop":"40"},{"id":"mnvanq","color":{"raw":"rgba(0, 0, 0, 0)"}}]},"_boxShadow:hover":{"values":{"spread":"2","blur":"8"},"color":{"raw":"var(--error-40)"}},"dynamic_link_source":"delete_post_link","delete_link_redirect":"%current_page_url%","add_query_args":true,"_width":"60"},"themeStyles":[]},{"id":"zohpfe","name":"div","parent":"wcawld","children":["awqlkn","txjqum"],"settings":{"_direction":"row","_gridTemplateColumns":"1fr auto","_gridGap":"var(--space-s)","_display":"grid","_gridGap:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":"var(--space-m)"}},{"id":"ttdaku","name":"div","parent":"ryzptr","children":["ksslak","wcawld"],"settings":{"_direction":"column","_rowGap":"0","_columnGap":"0","_height":"450","_justifyContent":"space-between","_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--bg-input)"},"radius":{"bottom":"5","top":"5","right":"5","left":"5"}},"_boxShadow":{"values":{"offsetX":"4","offsetY":"4","blur":"8"},"color":{"raw":"var(--dark-40)"}},"_cssTransition":"0.5s","_background":{"color":{"raw":"var(--dark-50)"},"image":{"useDynamicData":"{echo:get_unified_image()}","size":"full"},"blendMode":"multiply","position":"center center","repeat":"no-repeat","size":"cover"},"_border:hover":{"color":{"raw":"var(--text-grey-05)"}},"_transform:hover":{"translateY":"-2"},"_cssCustom":"#brxe-ttdaku:hover {\n background-color: var(--dark-30)!important;\n}"}},{"id":"ksslak","name":"div","parent":"ttdaku","children":["helzoz"],"settings":{"_direction":"column","_columnGap":"var(--space-s)","_rowGap":"var(--space-s)","_border":{"width":{"left":"3"},"style":"solid","color":{"raw":"hsla(46, 100%, 100%, 0)"}},"_padding":{"top":"calc(2 * var(--space-s))","right":"calc(2 * var(--space-s))","bottom":"calc(2 * var(--space-s))","left":"calc(2 * var(--space-s))"},"_padding:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":{"top":"calc(2 * var(--space-m))","right":"calc(2 * var(--space-m))","bottom":"calc(2 * var(--space-m))","left":"calc(2 * var(--space-m))"}}},{"id":"helzoz","name":"text-basic","parent":"ksslak","children":[],"settings":{"_typography":{"line-height":"1.3","font-size":"var(--text-l)","text-transform":"uppercase","text-shadow":{"values":{"offsetX":"3","offsetY":"3","blur":"3"},"color":{"raw":"var(--dark-30)"}},"font-weight":"500"},"text":"{je_cct_dietas_titulo_dieta}","wordsLimit":"5"}},{"id":"wcawld","name":"div","parent":"ttdaku","children":["spvfan","zohpfe"],"settings":{"_direction":"column","_columnGap":"var(--space-s)","_rowGap":"var(--space-s)","_border":{"radius":{"bottom":"5","left":"5"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"hsla(0, 0%, 0%, 0)"}},"_padding":{"top":"var(--space-s)","right":"var(--space-s)","bottom":"var(--space-s)","left":"var(--space-s)"},"_background":{"color":{"raw":"var(--bg-input)"}},"_padding:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":{"top":"var(--space-m)","right":"var(--space-m)","bottom":"var(--space-m)","left":"var(--space-m)"},"_rowGap:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":"var(--space-m)","_columnGap:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":"var(--space-m)"}},{"id":"jdwaks","name":"slider-nested","parent":"sqcdhj","children":["ryzptr"],"settings":{"pagination":true,"paginationSpacing":{"left":"4","right":"4","top":"0","bottom":"0"},"paginationHeight":"7","paginationWidth":"7","paginationColor":{"raw":"var(--text-body)"},"paginationColorActive":{"raw":"var(--error)"},"optionsType":"default","type":"slide","height":"480px","perPage":"3","_conditions":[[{"id":"eyiqzb","key":"dynamic_data","dynamic_data":"{query_results_count:ryzptr}","compare":"!=","value":"0"}]],"gap":"var(--space-m)","slideAlignVertical":"flex-start","slidePadding":{"top":"5"},"_margin":{"top":"-5"},"paginationBottom":"0","perPage:disp_tablet_horizontal_largura_do_dispositivo_lt_1023px":"1","_display":"none"},"themeStyles":[]},{"id":"ryzptr","name":"block","parent":"jdwaks","children":["ttdaku"],"settings":{"hasLoop":true,"query":{"objectType":"jet_engine_query_builder"},"jsfb_query_id":"dietas-total","jsfb_is_filterable":true,"jet_engine_query_builder_id":"24"},"label":"Slide 1"},{"id":"qnvgwj","name":"slider-nested","parent":"sqcdhj","children":["tokfce"],"settings":{"_background":{"color":{"hex":"#e6e7e8"}},"pagination":true}},{"id":"tokfce","name":"block","parent":"qnvgwj","children":["qrjoma","kduegj"],"settings":[],"label":"Slide 1"},{"id":"qrjoma","name":"heading","parent":"tokfce","children":[],"settings":{"text":"Slide 1"}},{"id":"kduegj","name":"button","parent":"tokfce","children":[],"settings":{"text":"I am a button","size":"lg","style":"primary"}}],"templateType":"section","global_classes":[{"id":"feihdp","name":"btn-hover","settings":{"_border:hover":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--border-primary)"}},"_typography:hover":{"color":{"raw":"var(--light)"}},"_gradient":{"gradientType":"linear","angle":"135","colors":[{"id":"czaowf","color":{"raw":"var(--error)"},"stop":"40"},{"id":"dbokxv","color":{"raw":"rgba(0, 0, 0, 0)"}}]},"_background:hover":{"color":{"raw":"var(--border-primary)"}},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--error)"},"radius":{"top":"2","right":"2","bottom":"2","left":"2"}},"_boxShadow":{"values":{"offsetX":"4","offsetY":"4","blur":"8"},"color":{"raw":"var(--dark-40)"}},"_background":{"color":{"raw":"var(--error)"}},"_typography":{"color":{"raw":"var(--bg-input)"},"font-size":"var(--text-s)","text-transform":"uppercase"},"_cssTransition":"0.5s","_boxShadow:hover":{"values":{"spread":"4","blur":"8"},"color":{"raw":"var(--error-40)"}},"_cursor":"pointer"},"modified":1779497057,"user_id":1},{"id":"sxnfxw","name":"main-block-2","settings":{"_display":"grid","_gridGap":"0","_gridTemplateColumns":"1fr","_gridTemplateRows":"300px 1fr"}}],"globalVariables":[{"name":"min-screen-width","value":"360px","id":"eiwurp"},{"name":"max-screen-width","value":"1140px","id":"myhxxe"},{"name":"bg-body","value":"#131415","id":"fdrabe"},{"name":"bg-menu","value":"#1a1a1a","id":"tjdlfh"},{"name":"bg-items","value":"#222428","id":"uwrutk"},{"id":"xmiubn","name":"bg-input","value":"#2a2a2a"},{"name":"text-body","value":"#FFFFFFFF","id":"gjvphw"},{"name":"text-title","value":"#FF4545FF","id":"ofhkts"},{"name":"text-input","value":"#2a2a2a","id":"txqaas"},{"name":"text-hover","value":"#1a1a1a","id":"jszzqv"},{"id":"mhcjhs","name":"text-grey-01","value":"#f9f9f9"},{"id":"bazgmc","name":"text-grey-02","value":"#c4c4c4"},{"id":"gazgzo","name":"text-grey-03","value":"#A0A0A0"},{"id":"htlnco","name":"text-grey-04","value":"#5c5c5c"},{"id":"gzntme","name":"text-grey-05","value":"#404040"},{"name":"border-primary","value":"#ff7d7d","id":"hxtzlo"},{"name":"shadow-primary","value":"#131415FF","id":"nakuek"},{"name":"light","value":"#FFFFFFFF","id":"osgbkz"},{"name":"light-5","value":"#ffffff0d","id":"tsouno"},{"name":"light-10","value":"#ffffff1a","id":"hbotrm"},{"name":"light-20","value":"#ffffff33","id":"dufhgx"},{"name":"light-30","value":"#ffffff4d","id":"wdbmqh"},{"name":"light-40","value":"#ffffff66","id":"ssmvbj"},{"name":"light-50","value":"#ffffff80","id":"addroc"},{"name":"light-60","value":"#ffffff99","id":"eqmmvu"},{"name":"light-70","value":"#ffffffb3","id":"bxtovd"},{"name":"light-80","value":"#ffffffcc","id":"udyxnm"},{"name":"light-90","value":"#ffffffe6","id":"cnbhrm"},{"name":"dark","value":"#000000FF","id":"sfynjs"},{"name":"dark-5","value":"#0000000d","id":"irilqe"},{"name":"dark-10","value":"#0000001a","id":"xajxql"},{"name":"dark-20","value":"#00000033","id":"ytxdui"},{"name":"dark-30","value":"#0000004d","id":"ipnxhu"},{"name":"dark-40","value":"#00000066","id":"inqcxp"},{"name":"dark-50","value":"#00000080","id":"yfstga"},{"name":"dark-60","value":"#00000099","id":"zqnbjx"},{"name":"dark-70","value":"#000000b3","id":"lqigsa"},{"name":"dark-80","value":"#000000cc","id":"rhoifa"},{"name":"dark-90","value":"#000000e6","id":"pqefqq"},{"name":"success","value":"#B0FE76FF","id":"agpive"},{"name":"success-5","value":"#b0fe760d","id":"sntczn"},{"name":"success-10","value":"#b0fe761a","id":"uksxil"},{"name":"success-20","value":"#b0fe7633","id":"nkuczs"},{"name":"success-30","value":"#b0fe764d","id":"rqvsmo"},{"name":"success-40","value":"#b0fe7666","id":"mwitru"},{"name":"success-50","value":"#b0fe7680","id":"gxdddj"},{"name":"success-60","value":"#b0fe7699","id":"lbrlmo"},{"name":"success-70","value":"#b0fe76b3","id":"zldqgo"},{"name":"success-80","value":"#b0fe76cc","id":"fnqkmo"},{"name":"success-90","value":"#b0fe76e6","id":"niftun"},{"name":"error","value":"#FF4545FF","id":"recqip"},{"name":"error-5","value":"#ff45450d","id":"saowmi"},{"name":"error-10","value":"#ff45451a","id":"iughwx"},{"name":"error-20","value":"#ff454533","id":"ditdae"},{"name":"error-30","value":"#ff45454d","id":"yencpk"},{"name":"error-40","value":"#ff454566","id":"qbbpdm"},{"name":"error-50","value":"#ff454580","id":"qajljy"},{"name":"error-60","value":"#ff454599","id":"clqjck"},{"name":"error-70","value":"#ff4545b3","id":"olwizn"},{"name":"error-80","value":"#ff4545cc","id":"korreo"},{"name":"error-90","value":"#ff4545e6","id":"sgcgtv"},{"name":"processing","value":"#FCFF4FFF","id":"nhdlyl"},{"name":"waiting","value":"#FF944FFF","id":"qbctns"},{"name":"space-4xs","value":"clamp(0.15rem, calc(0.3vw + 0.08rem), 0.3rem)","id":"cklwwn"},{"name":"space-3xs","value":"clamp(0.2rem, calc(0.41vw + 0.11rem), 0.4rem)","id":"msvoti"},{"name":"space-2xs","value":"clamp(0.26rem, calc(0.54vw + 0.14rem), 0.53rem)","id":"jqbogj"},{"name":"space-xs","value":"clamp(0.35rem, calc(0.72vw + 0.19rem), 0.7rem)","id":"ivaecn"},{"name":"space-s","value":"clamp(0.47rem, calc(0.96vw + 0.25rem), 0.94rem)","id":"mxypwn"},{"name":"space-m","value":"clamp(0.63rem, calc(1.28vw + 0.34rem), 1.25rem)","id":"anoonu"},{"name":"space-l","value":"clamp(0.83rem, calc(1.71vw + 0.45rem), 1.67rem)","id":"izmddt"},{"name":"space-xl","value":"clamp(1.11rem, calc(2.28vw + 0.6rem), 2.22rem)","id":"rgenjn"},{"name":"space-2xl","value":"clamp(1.48rem, calc(3.04vw + 0.8rem), 2.96rem)","id":"oxttis"},{"name":"space-3xl","value":"clamp(1.97rem, calc(4.05vw + 1.06rem), 3.95rem)","id":"odqjlc"},{"name":"space-4xl","value":"clamp(2.63rem, calc(5.4vw + 1.42rem), 5.26rem)","id":"phndun"},{"name":"text-xs","value":"clamp(0.79rem, calc(-0.02vw + 0.79rem), 0.78rem)","id":"gjnmzu"},{"name":"text-s","value":"clamp(0.89rem, calc(0.1vw + 0.87rem), 0.94rem)","id":"pjpxcy"},{"name":"text-m","value":"clamp(1rem, calc(0.26vw + 0.94rem), 1.13rem)","id":"aztkqp"},{"name":"text-l","value":"clamp(1.13rem, calc(0.46vw + 1.02rem), 1.35rem)","id":"cthlsh"},{"name":"text-xl","value":"clamp(1.27rem, calc(0.73vw + 1.1rem), 1.62rem)","id":"vkaszc"},{"name":"text-2xl","value":"clamp(1.42rem, calc(1.07vw + 1.18rem), 1.94rem)","id":"puutrm"},{"name":"text-3xl","value":"clamp(1.6rem, calc(1.5vw + 1.26rem), 2.33rem)","id":"pavspy"},{"name":"text-4xl","value":"clamp(1.8rem, calc(2.05vw + 1.34rem), 2.8rem)","id":"pjyfwa"},{"name":"hero-title-size","value":"var(--text-4xl)","id":"gxuddv"},{"name":"post-title-size","value":"var(--text-2xl)","id":"noccgs"},{"name":"nav-link-size","value":"var(--text-s)","id":"cpikps"},{"name":"header-space","value":"var(--space-s)","id":"dvfvwl"},{"name":"btn-space","value":"var(--space-xs) var(--space-s)","id":"jontbz"},{"name":"card-space","value":"var(--space-s)","id":"qhwuwx"},{"name":"footer-space","value":"var(--space-s) var(--space-m)","id":"nhsrcm"},{"name":"radius-xs","value":"clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem)","id":"wvcwty"},{"name":"radius-s","value":"clamp(0.38rem, calc(-0.26vw + 0.56rem), 0.5rem)","id":"rqhbdg"},{"name":"radius-m","value":"clamp(0.63rem, calc(-0.26vw + 0.81rem), 0.75rem)","id":"xjfods"},{"name":"radius-l","value":"clamp(1rem, calc(-0.51vw + 1.37rem), 1.25rem)","id":"qobvzk"},{"name":"radius-xl","value":"clamp(1.63rem, calc(-0.77vw + 2.17rem), 2rem)","id":"lmqchn"},{"name":"radius-full","value":"999rem","id":"zileqj"},{"name":"shadow-xs","value":"0 1px 2px var(--shadow-primary)","id":"ynkedf"},{"name":"shadow-s","value":"0 1.5px 3px var(--shadow-primary)","id":"xgnxga"},{"name":"shadow-m","value":"0 2px 6px var(--shadow-primary)","id":"insfnq"},{"name":"shadow-l","value":"0 3px 12px var(--shadow-primary)","id":"vbqvsg"},{"name":"shadow-xl","value":"0 6px 48px var(--shadow-primary)","id":"vhwsuw"}],"globalVariablesCategories":[{"id":"corefrm","name":"Core Framework"}]}
It’s hard to see since you have some custom breakpoints, but I assume the div around the slider spans two columns even if there’s only one column.
If that is not the case, please reproduce the issue on try.bricksbuilder.io or in another live installation.
Here:
Sent an invite to:
help@bricksbuilder.io
As far as I can see from the video, you haven’t added your custom breakpoints, so it’s basically the same outcome as in my local test. Please add the exact same custom breakpoints as in your local site.
Edit: Another possible cause is the grid on .main-block-2—if you remove that class (or unset the grid), it will probably work.
Also, I can’t seem to find an email from you in our inbox 
“you haven’t added your custom breakpoints“ - As soon as I did the video, I noticed that and the template now has everything.
Can’t you guys access that Try Bricks account (tcf41608)? And the invite was sent through your server, using the “add existing user - help@bricksbuilder.io“. What e-mail should I use?
”grid on .main-block-2” - I can’t remove it. It is a global class which I use in all pages. AND, the Nestable Slider should work regardless, or do we have limitations to use it?
The best option here is for you guys to access that Try Bricks account or send me an e-mail which I can add the user through there.
Hi @ribeirom4e,
@timmse is currently away so I’ll jump in 
can you check the try dot bricksblader io account and let me know if it’s working now?
The issue looks like it was caused by the CSS Grid column sizing, not by the Slider Nestable element itself.
If the slider is placed inside a grid column defined as 1fr, the column may still respect the slider’s intrinsic/min-content width. A slider has an internal track/list with slides laid out horizontally, so its intrinsic width can become wider than the viewport. The grid column then grows to fit that width, which causes the page/slider to overflow.
What I did was change grid-template-columns on the .main-block-2 class to be minmax(0, 1fr) instead of 1fr.
1fr is flexible, but its minimum size can still be content-based. In practice, it can behave like “take one fraction, but don’t shrink below the content’s minimum width”.
minmax(0, 1fr) explicitly sets the minimum width of the grid track to 0, while keeping the maximum as 1fr. This allows the column to shrink to the available container width instead of being forced wider by the slider’s internal content.
So minmax(0, 1fr) is generally the safer option for responsive grids.
Please let me know if it’s working now. But from what I see, it should
Thank you,
Matej
Hello Matej,
Thank you very much for the explanation and for checking the issue. I’ll implement this right away.
Best regards,
Thank you very much. It is all working. ;]
