1. Home
  2. ReHub Theme
  3. Useful code snippets
  4. How to change logo position in mobile compact header

How to change logo position in mobile compact header

If you use our Mobile compact header layout, you can see that logo is placed on left, because right part is reserved for icons. If you want to change logo position, try next code

#dl-menu a.logo_image_mobile img{left:100px !important}

you can place this in theme options – general options – custom css

If you want to place logo on center, use next code

#dl-menu a.logo_image_mobile img {position: absolute !important;top: 0;left: 50% !important;transform: translate(-50%) !important;right: auto;bottom: 0;margin: auto !important;display: block !important;}