Can you please advise how to set up a flexible width logo on Kalium theme? You will see in URL provided that logo is wide and it does not flow as screen width is reduced but remains fixed width and disappears off the screen. I see the html/css has a nested arrangement of containers with display set to table which may be the problem. I simply want to do something like max-width: 100% on the logo img and have it adjust to smaller widths. Please advise.
Hello,
Can you please advise how to set up a flexible width logo on Kalium theme? You will see in URL provided that logo is wide and it does not flow as screen width is reduced but remains fixed width and disappears off the screen. I see the html/css has a nested arrangement of containers with display set to table which may be the problem. I simply want to do something like max-width: 100% on the logo img and have it adjust to smaller widths. Please advise.
Regards,
Aidan Curran
Hi Aidan,
You can tweak the mobile menu size by going to Theme Options > Branding > Brand Logo > Mobile Logo Width.
Already tried that but it does not work - only allows fixed pixel width, I need percentage (max-width: 100%)
Hi aidancurran,
Can you please add the code below to your Custom CSS area:
.header-logo.logo-image { width: 100% !important; } header.main-header .logo-and-menu-container .logo-column { width: 80% !important; float: left !important; }