TourMkr CSS Recipes
  • GoThru
  • Recipes
  • Documentation
  • Blog
Sign in Subscribe

Variable Logo size based on screen size

Last updated on  Feb 15, 2021
Variable Logo size based on screen size

CSS code:
(Change the pixel size based on the screen as you needed)

/* desktop logo size in pixels */
#overlay.desktop wdg-other-logo {
  --width: 150px !important;
}

/* tablet logo size in pixels */
#overlay.tablet wdg-other-logo {
 --width: 130px !important;
}

/* mobile logo size in pixels */
#overlay.mobile wdg-other-logo {
  --width: 110px !important;
}
copy the CSS code to your Logo Styles section

Preview:

Previous Have a fix pixel value for your Logo
Next Fix Text filed in Splash Screen plugin
TourMkr CSS Recipes © 2025
Powered by Ghost