Hello,
I’ve added two icons in the header of my website. However they seem to break the mobile version. nothing aligns anymore.
the site is roelofsmetrology.nl
Add this code into your custom css box:
@media (max-width: 480px){ .header_container > .main { line-height: 20px !important; } .cl-icon-text { min-width: 180px !important; } .main.header-row .c-middle { display: flow-root !important; min-width: 150px !important; } .header-row .header-row-inner .header-col { width: 100% !important; float: left !important; } .header-el .cl-icon-text i { padding-right: 0 !important; } .header-col .header-el { width: 145px !important; float: left !important; height: 50px !important; line-height: 20px !important; } }
Result screenshot: https://ibb.co/Q6HbChx
Best regards!
Thank you, that fixed it for me
Sorry yesterday when presenting to the client it didn’t work on an iphone 6
Can i get an reply on this issue?
Sorry for the late reply. Try editing the max-width: 480px to max-width: 767px.
max-width: 480px
max-width: 767px
Let us know. Best regards!
You must be logged in to reply to this topic.
