-
-
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
-
Hello,
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!
-
-
Sorry yesterday when presenting to the client it didn’t work on an iphone 6
-
-
Hello,
Sorry for the late reply.
Try editing themax-width: 480px
tomax-width: 767px
.Let us know.
Best regards!
-
Viewing 5 reply threads
You must be logged in to reply to this topic.