how to move your logo up or down

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
7 years ago
does anyone know how to move your logo up or down on the page?
7 years ago
Yes, you need to adjust your stylesheet to position the logo element differently.
If you use the DefaultClean theme, your stylesheet is here:
/Themes/DefaultClean/Content/css/styles.css

Open it with notepad and Ctrl+F search on this:
.header-logo

You should see this:

.header-logo {
  margin: 0 0 20px;
  text-align: center;
}


Then you just need to use absolute positioning to place the logo wherever you want it to appear:
.header-logo {
    position: absolute;
    left: 100px;
    top: 150px;  
    margin: 0 0 20px;
  text-align: center;
}


https://www.w3schools.com/cssref/pr_class_position.asp

Or maybe just need to add a little padding to the top of the logo:
.header-logo {
  margin: 0 0 20px;
  text-align: center;
  padding-top: 50px;
}
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.