Help Moving Logo Badge to Footer on Mobile View Only - Dawn theme

Topic summary

A user is trying to reposition a TreeApp logo badge to match its desktop placement (bottom right corner) on mobile devices only, using the Dawn theme.

Current situation:

  • Desktop placement is correct
  • Mobile placement needs adjustment to match desktop
  • User has been struggling with finding the right CSS code

Technical details provided:

  • Theme: Dawn
  • Website credentials shared for troubleshooting
  • Screenshots included showing desktop vs. mobile views
  • Current Liquid theme code snippet provided showing absolute positioning attempt

Status: The issue remains unresolved with no responses yet. The user is seeking community help with the specific CSS/code needed to achieve mobile-only footer logo placement.

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

I need help with the placement of my treeapp logo next to the sustainability badge on the bottom right corner of my website for mobile version only. It’s already placed correctly on desktop, but I need the same exact placement on mobile version. Been dealing with this issue for a while and can’t figure out the specific code for this.

I would greatly appreciate help from anyone in this community who might know how to solve this problem. Thanks!

Theme: Dawn
Website: conscire.co.uk
Password: Conscire9898!

See images below for context.

DESKTOP VIEW

MOBILE VIEW

CURRENT CODE IN THEME LIQUID:

.tree-app-logo {
position: absolute;
bottom: 240px;
right: 330px;
width: 80px; /* Adjust the width to fit your logo /
height: auto; /
Adjust the height proportionally */
opacity: 0.8;
}

.footer {
position: relative;
}

Tree App Logo