1
General Discussion / Need responsive custom logo
« on: June 08, 2017, 03:15:03 PM »
I want to use a custom logo rather than the anbantecart logo; however, the logo doesn't properly resize when viewing my site (chaotickym.com) on a mobile device. The logo gets pushed down below the toggle button.
My logo is 300x57. Since the height is a little smaller than the abantecart logo, I added in my custom CSS code to change the background color to blend in with the existing background color.
I created a SVG version of my logo, but discovered SVG is not a supported format for abantecart.
The only 2 solutions I can think of are:
1. Use a responsive image
2. Create multiple versions of the image and swap them out based on screen size
I'd rather go with the first option since that would require less coding changes. Plus I've no idea how to achieve the second option in the abantecart code and if I ever update abantecart to another version I would lose my customization.
I've attached a screenshot for reference; the screen size width is 500px. Any guidance would be greatly appreciated, thanks!!
My logo is 300x57. Since the height is a little smaller than the abantecart logo, I added in my custom CSS code to change the background color to blend in with the existing background color.
I created a SVG version of my logo, but discovered SVG is not a supported format for abantecart.
The only 2 solutions I can think of are:
1. Use a responsive image
2. Create multiple versions of the image and swap them out based on screen size
I'd rather go with the first option since that would require less coding changes. Plus I've no idea how to achieve the second option in the abantecart code and if I ever update abantecart to another version I would lose my customization.
I've attached a screenshot for reference; the screen size width is 500px. Any guidance would be greatly appreciated, thanks!!