hi all
Ernie gave me the pointer to my css code controlling the logo in Opencart 2.1 at http://www.themeatshack.shop
currently set to
header div#logo a {
display: block;
width: 238px;
height: 160px;
background-image:url(../image/the-meat-shack.png);
background-size: 238px 160px;
margin:1px 0px 0px 5px;
I have modified the image size and code downwards on two occasions but as you can see from the site the logo stubbornly refuses to get smaller than
about 258px 173px … its really strange...
can anyone explain why the image seems to be scaling back upto a larger size and how to fix
thanks
george
Ernie gave me the pointer to my css code controlling the logo in Opencart 2.1 at http://www.themeatshack.shop
currently set to
header div#logo a {
display: block;
width: 238px;
height: 160px;
background-image:url(../image/the-meat-shack.png);
background-size: 238px 160px;
margin:1px 0px 0px 5px;
I have modified the image size and code downwards on two occasions but as you can see from the site the logo stubbornly refuses to get smaller than
about 258px 173px … its really strange...
can anyone explain why the image seems to be scaling back upto a larger size and how to fix
thanks
george
You 'placed' the Logo as Background Image, and such cannot be made
responsive ...
Ernie
responsive ...
Ernie
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Ernie
genius... made me explore background images... and they can be responsive...
header div#logo a {
display: block;
width: 238px;
height: 130px;
background-image:url(../image/the-meat-shack.png);
background-size: contain;
background-repeat: no-repeat;
margin:1px 0px 0px 5px;
so excellent pointers ... thanks my friend....
genius... made me explore background images... and they can be responsive...
header div#logo a {
display: block;
width: 238px;
height: 130px;
background-image:url(../image/the-meat-shack.png);
background-size: contain;
background-repeat: no-repeat;
margin:1px 0px 0px 5px;
so excellent pointers ... thanks my friend....
Well, only if one is willing, to settle with that.
Ernie
Imagelink fullsize:
download/file.php?mode=view&id=37100
Ernie
Imagelink fullsize:
download/file.php?mode=view&id=37100
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
1. Your Site is configured to https: // yourshop, but it's relinked internally
to use: https: // www. yourshop
---
2. You have two different linkings to font-awesome:
---
3. You have to link/place your Logo in the header.tpl (header.twig) file, not in the stylesheet.css.
---
Ernie
to use: https: // www. yourshop
---
2. You have two different linkings to font-awesome:
Code: Select all
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="catalog/view/theme/netbiz/stylesheet/font-awesome.min.css" media="screen">
3. You have to link/place your Logo in the header.tpl (header.twig) file, not in the stylesheet.css.
---
Ernie
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Why not use Default theme, then changes colors?
Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer
For mobile you can make changes here, you styles.css
LE. Why don't use logo from Settings? And you use logo from css...?
Code: Select all
/* SMALL MOBILE TERRITORY */
@media only screen and (max-width: 600px) and (min-width: 0px) {
Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer
Who is online
Users browsing this forum: dparakhiya and 319 guests