Why is one logo appearing lower in the Empire Theme?

Store Design

Topic summary

A user encountered an alignment issue in the Empire Theme where one logo consistently appears lower than others in a logo list, regardless of which image is used in that position.

Solution Provided:
Multiple community members offered the same CSS fix:

  • Navigate to Online Store → Theme → Edit code → theme.css
  • Add a media query targeting screens 1280px and wider
  • Apply margin-top: 0 and margin-bottom: 10px (or 2.5rem) to .logolist--item
  • Place code at either the top or bottom of the file

Outcome:
The original poster confirmed the CSS solution successfully resolved the alignment problem. Another user also reported the fix worked when applied to their Logo List’s custom CSS section.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

It appears that one of the logos is lower, it is not specific to the logo, it happens in that space, regardless of what image/logo is used. Url is propmoney.com

Thanks in advance.

Screen Shot 2022-09-13 at 1.47.47 PM.png
Screen Shot 2022-09-13 at 1.47.47 PM.png3054×2322 786 KB

2 Likes
2

Hi @thekenstar

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css->paste bellow code in top of file

@media screen and (min-width: 1280px)

.logolist–item {

margin-top: 0 !important;

margin-bottom: 10px !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

3

@thekenstar can you please share your website link?

4

@thekenstar

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 1280px) {
.logolist--item {margin-top: 0;margin-bottom: 2.5rem;}
}
1 Like
5

That worked! Thank you so much.

6

I pasted the code into the custom CSS section of the Logo List and it solved this issue for me.