Problem with responsive. Bootstrap issue ?

[MoodMaker]

Hi,
Since the last update of the theme i’ve problems with responsive (it seems to be an bootstrap issue no ?) : i don’t know if you’ll understand what i mean, but for example the display for 13-inch-like seems to be desorganised (but all the others are good) How to fix it please ? Thanks a lot. I send you screenshots to explain 🙂

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please test this:

@media only screen and (min-width: 1200px)
.alt-bg {
    margin-left: -110px!important;
    padding-left: 130px!important;
    padding-right: 130px!important;
}
}

Thanks.

[MoodMaker]

Hi David,

Unfortunately it doesn’t works… There still is 2 positions with part of the content which are not centered (look at the new screenshot)
The code you gave me is to put in the custom css no ? Because i’ve do that and nothing change.

Best regards,

Antoine

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us admin credentials to check if the custom css code is correct in the Theme options-> Custom css.

-Rui

[MoodMaker]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Just checked and can’t see anything wrong.
Will have to forward it to the development team.

-Rui

[MoodMaker]

Ok so i wait for your answer 😉

Thanks !

Antoine

[Rui Guerreiro – SUPPORT]

No problem let’s wait for the reply.

-Rui

[MoodMaker]

Hi Rui,

So what is going on ?

I would like to fix it quickly. I’m sure i’m not the only with this issue, so it will be appreciable to have the development team answers now.

Best regards,

Antoine

[David Martin – Support]

Hi,

Please now re-test this.

I have added some CSS to fix this. Please add any new screenshots if you see any more issues.

Thanks.

[MoodMaker]

Hi David,

Thanks for your help but unfortunately it’s worse ! Check the screenshots (in full screen it’s even more deconstructed, must quickly change that :/)
We have to find a solution which works with the little screen and the big ones.

With regards,

Antoine

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please re-test. There was a large size media query that needed amending.

I am testing this on iPad/iPad Mini/iPhone/Desktop/Desktop Large.

Thanks.

[MoodMaker]

If you resize the window you’ll see in reel time that there still have problem of content centering :/

(cf screenshot)

I don’t understand why something basic like that is so problematic ? nowadays all the website are responsive, it should be easy to fix no ?

Thanks,

Antoine

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

I have added another CSS tweak for you:

Please checkout what I see:

Thanks.

[MoodMaker]

Thanks a lot David, it seems to be good ! (and thanks for your nice gif) But i don’t understand, it should be normal that the responsive react like this no ? Why had you have to add a CSS tweak ? Is it due to the last theme update ? (because now my question is : the next time i’ll update the theme, will i lost your CSS tweak ?)

Thans for your answers David !

With regards 🙂

Antoine