Header Image / Logo Image not Responsive on Mobiles

  • Hi, your theme is great and easy to use. However, if I put an Image in the Header/ or image on top of the website byitself, it does not change in size according to the mobile devices. I intended to put the Logo in the center (big size) for the desktop website, however when the website is opened on a mobile, the screen shows the same large size logo which creates a big blank gap on the right side of the website as the logo occupies the large space.

    Is there a way to make the images responsive on all devices?

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @abhiagg90,

    There’s unfortunately no easy way to scale the Site Logo block for different screen size in the Site Editor right now. It will always be displayed as the fixed pixel value you set it to, so your best bet is to set it to a value that works on both desktop and mobile.

    You can also overwrite that value for different screen sizes by installing a custom CSS plugin and inserting CSS that modifies the dimensions on the logo depending on the screen size.

    — Anders

Viewing 1 replies (of 1 total)
  • The topic ‘Header Image / Logo Image not Responsive on Mobiles’ is closed to new replies.

Tags