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