Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

CSS Custom Logo Problems in Encore Template


Hey guys,

I have a website on the Encore template, and I want my homepage to have a CSS logo that scales for the different display sizes (mobile, medium, desktop), but I can't figure out what to do. So far, I've gotten the custom image on the page. Here are the problems:

  1. The picture is huge
  2. It doesn't scale for the sizes

How do I write the CSS to reflect what I want? Here is the code I have so far:

#title-area:before {

#title-area img {
    display: none;

Here is the URL to my site: http://austinswansonmusic.com/

Thanks for the help!

Edited by LifeRacer
Initial Revision

Share this post

Link to post

2 answers to this question

Recommended Posts

  • 0

you should use background-image: url(logo url); content: ""; width: 50px; height: 50px; display: block;

Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...