hello admin,
Is it possible in AC, logo resizable according to the screen resolution ? can i get mobile responsive logo ?
if i can please guide me how to do that. (i'm sure many ppl wanted that)
Thanks in advance!
You can set your own logo width for each screen resolution inside your style.css file.
See @media sections. Put css rule for each.
hello abolabo
i try to put css rule but nothing works,
@media only screen and (max-width: 320px) {
.logo {
height: auto;
margin: 0;
max-width: 20px;
padding: 0px;
}
}
also this one.
@media only screen and (max-width: 320px) {
.logo {
background-size:contain!important;
height: auto !important;
margin: 0;
max-width: 417px;
padding: 11% 0;
}
}
please guide me where i'm going wrong.. i have attach the screen shot
Thanks for your help.
you should to use browser developer tool to define which rule has been applied to your logo.
For example in firefox you can do right click on logo and choose Inspect element. It will open html-console and css rules at right column.
Also use responsive mode - > menu Tools -> webDeveloper->responsive design mode
Thank you, for the help. :)
i have another question, i don't know maybe it is relevant to ask below the above question or not,
My Question is, can we make "Sticky" top bar (the blue bar that has logo and other links), when we scroll down, it will move along the scroller ?
just like the link i have shared Please help me, how i can do that ?
because i try to make the header div " position fixed " then whole page messed up.
stackoverflow Dot com
Thanks for share your knowledge
Quote from: sultanali on December 29, 2017, 06:56:38 AM
Thank you, for the help. :)
i have another question, i don't know maybe it is relevant to ask below the above question or not,
My Question is, can we make "Sticky" top bar (the blue bar that has logo and other links), when we scroll down, it will move along the scroller ?
just like the link i have shared Please help me, how i can do that ?
because i try to make the header div " position fixed " then whole page messed up.
stackoverflow Dot com
Here is solution http://forum.abantecart.com/index.php/topic,5087.0.html for sticky header see if it works
Was Facing the same problem. But it is solved now
Nice post