How to fix responsive theme problem

Hello everyone,

I have encountered a problem with the “responsiveness” of my recently installed theme on my blog. When the blog is viewed from tablets or mobile phones, everything adjusts perfect with the screen size, except for the the header image which is shown from left to right, whereas my logo is in the middle of the image. How can I make it center-aligned so that it appears correctly?

Thank you in advance!

@thealbatross, I have temporarily unlisted your topic. You need to give the real URL of your site as people don’t trust URL shortners. They expect to see the URL they are being asked to assist with.

1 Like

@gandalf458 I changed it!

You could try something like this:

@supports (object-fit: cover) {
#front .fallback-container .fallback{

Thank you for the reply! As for now it looks like this:

        /* Background Image for Mobile */

        #front .fallback-container{
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

         #front .fallback-container .fallback{

         /* Landscape Layout */
          #front.fallback-landscape-layout .fallback-container{

          #front.fallback-landscape-layout .fallback-container .fallback{

I’m not sure what to edit (I am also not exactly sure that this is the part responsible for the problem as I am not an expert). Could you please guide me further?

Add the code I gave you (in full and without typos) after the code you posted above and then re-test to see if this was the issue you were talking about?

The code for the page is unnecessarily complex for such a simple task but that seems to be true for all these themes. :slight_smile:

OMG I’m about to cry THANK YOU FROM THE DEPTHS OF MY HEART!!! :heart::heart::heart:

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.