tuanphan

Add to Design > Custom CSS @media screen and (max-width:767px) { div#block-62579338a7e272c90b53+.row .span-6 { width: 50% !important; float: left !important; } }

Add this code to Design > Custom CSS @media only screen and (max-width: 767px) { .header-menu-nav-folder[data-folder="root"] { display: none !important; } .header-menu-nav-folder-content .header-menu-controls { display: none; } .header-menu-nav-folder:not([data-folder="root"]) { transform: unset; transition: unset; } }

Hi, It shows fine on my mobile & Desktop

Add to Design > Custom CSS .header-menu-actions-action.header-menu-actions-action--social.mobile a { background: #286DB1 !important; }

Do this for all pages or? And can you share link to page in screenshot? We can check code easier

Try adding this to Design > Custom CSS body { overflow-x: hidden; }

Can you send password again?

Add to Design > Custom CSS /* Tablet blog spacing */ @media screen and (max-width:1024px) and (min-width:768px) { .blog-item-inner-wrapper { width: 75% !important; } }

Can you share link to page where you have problem? We can help easier

You can add this to Settings > Advanced > Code Injection > Footer <!-- Scroll To Top Button HTML --> <button id="wm-back-to-top"> <div class="btt-background"></div> <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-labelledby="title" role="img" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Angle Up</title> <path data-name="layer1" fill="none" stroke="#202020" stroke-miterlimit="10" stroke-width="2" d="M4 42 l28 -26 L60 42" stroke-linejoin="round" stroke-linecap="round"></path> </svg> </div> <p class="text">To Top</p> </button> <!-- Scroll To Top Button Javascript --> <script> (function() { let throttlePause; document.addEventListener('click', function(e) { if (!e.target.closest('#wm-back-to-top')) return; window.scrollTo({ top: 0, behavior: 'smooth' }) }) document.addEventListener('DOMContentLoaded', function(){ let btt = document.querySelector('#wm-back-to-top'); if (btt?.closest('.sqs-block-content')){ btt.closest('.sqs-block-content').style.display = 'inline'; } }); const throttle = (callback, time) => { if (throttlePause) return; throttlePause = true; setTimeout(() => { callback(); throttlePause = false; }, time); }; const checkPos = () => { let pos = document.documentElement.scrollTop, revealHeight = window.innerHeight * 0, bttButton = document.querySelector('#wm-back-to-top'); if (pos >= revealHeight) { bttButton.classList.add('show'); } else { bttButton.classList.remove('show'); } } window.addEventListener("scroll", () => { throttle(checkPos, 150); }); window.addEventListener('DOMContentLoaded', checkPos) }()); </script> Next, add this to Design > Custom CSS /** * Back To Top Button Styles * From Will-Myers.com */ #wm-back-to-top { z-index:999; position:fixed; display:flex; bottom:0; right:0; min-width: 50px; min-height: 50px; flex-direction: column; gap: 8px; align-items:center; justify-content:center; box-sizing:content-box; margin: 8px; padding: 5px; cursor:pointer; opacity:0; overflow:hidden; transform: translateY(0px) scale(1); background:transparent; border-radius: 0px; border-width: 0px; border-color: #000000; border-style:solid; visibility:hidden; transition: opacity .3s ease, transform .3s ease, visibility 0s ease .3s; will-change:transform; backdrop-filter: blur(0px); &.show{ transform: translateY(0px); opacity:1; visibility: visible; transition: opacity .3s ease, transform .3s ease, visibility 0s ease 0s; } .icon{ position:relative; display:flex; justify-content:center; line-height:0; height:auto; width:auto; } .text{ position:relative; margin:0; font-size: 0.8rem; font-weight: 500; color: #000000; text-transform: uppercase; } svg{ width: 20px; height: 20px; } path{ stroke-width: 5px; stroke: #000000; } .btt-background { box-sizing:border-box; position:absolute; top:0; left:0; height:100%; width:100%; background-color: #f5f5f5; opacity: 1; transition: opacity .3s ease; } &:hover{ transform:translateY(-3px); opacity: .85; } &:active{ transform: translateY(-3px) scale(.95); } }

You can follow above comment, then we can help easier

Hi, Move to this?

Which page are you referring to?

Add to Design > Custom CSS header#siteHeader { position: absolute !important; }

Try adding to Design > Custom CSS .header-nav .header-nav-item--folder .header-nav-folder-content { margin-top: -5px; }

Can you share link to your site? We can check easier

Use this code for mobile .header-menu-nav-item--active .header-menu-nav-item-content { background-size: 1px 4px !Important; }

Hi, What is your site url? We can help easier

Can you share link to page where you use newsletter?

You mean this margin? Don't remove any code in your current code. Add this to Design > Custom CSS @media screen and (max-width:767px) { section.ProductItem-additional .summary-item-list { height: auto !important; } section.ProductItem-additional .summary-item { position: static !Important; height: auto !important; } }

Add this code under .header-layout-branding-center .header-title { position: absolute; left: 50%; transform: translateX(-50%); }

What is site url? We can check easier

What is your site url?

Hi, What should it look like + link to blog post? We can help easier

You change paragraph style in Site Styles, or add this to Design > Custom CSS div.accordion-item__dropdown * { font-size: 16px !important; }