emma_HCBA

Hi @tuanphan no I haven't fixed it - if you look on mobile, on Eat & Drink, at Hastings Distillers, you can see the blue background on the font bleeding over the text. same on the other pages with longer names.

HI @tuanphan on the all of the following pages: https://www.hastingscity.co.nz/eatdrink https://www.hastingscity.co.nz/shop https://www.hastingscity.co.nz/wellness-beauty https://www.hastingscity.co.nz/artsentertainment https://www.hastingscity.co.nz/services

@tuanphan T H A N K Y O U! Next question if you can help - on tablets and on mobile, the padding effect bleeds over the text on image blocks, as per attached image. Do you know what code I would use to fix this please? I have tried but can't figure it out.

@tuanphan - I have used the above formatting for paragraph text on our website but it doesn't change P2 or P3 - i have set all to the same size and font to show this in the attachment. website is www.hastingscity.co.nz Any help appreciated.

Hi @tuanphan - how could I do this with the Grid-Simple option? So three options show on desktop but have the same three on mobile view but as a carousel?

Hi there, thank you - I don't currently have it enabled because otherwise the burger moves the left-hand side of the screen and the menu won't allow anyone to close it. And the cart still doesn't show. See images below showing what happens when card is turned on. Copy of burger menu coding is below: @media screen and (min-width:950px) {.header-nav, .header-actions { display: none!important} .header-burger { display: flex!important;} .header--menu-open .header-menu {opacity: 1; visibility: visible; width: 35%; margin-left:70%} .header-menu .header-menu-nav a {font-size:1.25rem; line-height: 0px! important; padding: .0rem}} .header--menu-open .header-menu {box-shadow: 5px 5px 15px rgba(0,0,0,0.25) } @media screen and (min-width:950px) {.header-menu-nav-folder-content * {text-align: right !important;}.header-menu-bg.theme-bg--primary {background: #f12064 !important;}.header-menu-nav-folder-content * {color: white !important;}} .header-menu-nav-item a { padding-top: 1vw; padding-bottom:1vw; } .header-menu-nav-folder[data-folder="root"] { overflow: auto; } /* Colour of Hamburger Button */ .burger-inner > div { background-color: white !important; } /* Mobile Navigation Formatting */ .header-menu-bg {background: #f12064!important;} .header-menu-nav {text-align: left!important; margin-left: 5%!important;} .header-menu-nav-item > a {color: white!important;} .header-menu-nav a {font-size:1.25rem; padding: .5rem;}

Site URL: https://www.hastingscity.co.nz/ Hello, We currently have a customer burger menu via CSS and we want to add the Cart Icon to the top menu, so it sits to the left of the burger and shows at all times. When I select to add this under Site Header, it doesn't actually show anywhere and the burger moves the the left of the screen, by our logo, and we can no longer close the burger menu (the exit 'X') disappears and the cart still doesn't show. Any help would be appreciated. Thanks, Emma