AR94 Posted June 6, 2022 Share Posted June 6, 2022 Unfortunately can't share the link to the site but I added CSS to show CTA button in mobile header and hid the burger as its a one page site. The button is overflowing over the page and there is a lot of extra padding between the button and the logo. How do I shift over the button so that it is centred? Current code being used: /* Show button on mobile menu*/ @media screen and (max-width:1024px) { /* remove mobile burger */ .burger-inner { visibility: hidden; } /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 5% !important; } } @media(max-width: 1220px) { .homepage .sqs-block-button .sqs-block-button-container--left { text-align: left; padding-right: 20px; padding-left: 0px; } /* logo width */ .header-title-nav-wrapper { flex: 100% !important; //width: 20% !important; //max-width: 20px; padding-right: 0px; padding-left: 0px; } any help would be appreciated! Link to comment
tuanphan Posted June 11, 2022 Share Posted June 11, 2022 If your site is trial/private, you can setup password & share url. If you still can't share url, you can duplicate the site & share. Or setup a test site with same header layout + code, then share url, we can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment