Camichel Posted January 1 Posted January 1 removed "burger" on phone view cant see "account" id ideally like it on the left of the screen so the favicon/logo is centre. any help? i do have another problem id like to neaten up the edges a bit on the quantity box and variation make them look the same and maybe align them up and id like to swap the "purchase" button to a image online i have the link just need the code, thank you in advance anyone
tuanphan Posted January 2 Posted January 2 Hi, What is site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
tuanphan Posted January 3 Posted January 3 You mean Move Login (user) icon to left of Header? Or Login text to left of header? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Camichel Posted January 3 Author Posted January 3 yes would like the icon to show, not a fan of the text
Solution tuanphan Posted January 4 Solution Posted January 4 Add to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width: 992px) { .header-display-mobile { display: flex; order: 2 } .header-display-desktop { width: auto !important; order: 1; flex: 0 0 75px !important; display: flex; } .header-burger, .header-display-desktop .header-title-nav-wrapper, .header-display-desktop .header-actions-action--cart{ display: none } .header-display-desktop .customerAccountLoginDesktop { display: block } .header-display-desktop .header-actions.header-actions--right { flex: unset !important } } Camichel 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Camichel Posted January 6 Author Posted January 6 that worked a charm thank you so much, how would i change the purchase button to my own image? i was thinking of a paypal button or something like that i have the custom image for
tuanphan Posted January 9 Posted January 9 Use this CSS code, replace example image url with new image url, because example has a lot of space inside div.sqs-add-to-cart-button { border: none !important; background-image: url(https://content.invisioncic.com/p289038/monthly_2024_01/CITYPNG.COMHDPayPalAddToCartYellowButtonTransparentPNG-2000x2000.thumb.png.c8bcc8f3ada3b876fed3af86c6a22d3c.png) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; color: transparent !important; padding: 40px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Camichel Posted January 12 Author Posted January 12 that worked a char thank you kind sir, it has an outline when hovering how to get rid of that? one more on the picture theres 2 arrows how can i make them black and a little smaller in size but maybe a bit thicker?
Camichel Posted January 12 Author Posted January 12 i have to click on image 2 time before it adds to basket and each time it gets smaller. any ideas?
tuanphan Posted January 15 Posted January 15 To remove hover color, use this CSS code div.sqs-add-to-cart-button { background-color: transparent !important; } Can you disable Express Checkout? I can check second problem easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
tuanphan Posted January 16 Posted January 16 15 hours ago, Camichel said: try now? Add this CSS under to fix it div.sqs-add-to-cart-button-wrapper { width: 80% !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment