Mobile version – responsiveness NOT working

  • bibber

    (@bibber)


    6 years, 11 months ago

    [ Moderator note: moved to Fixing WordPress. Please do not use Developing With WordPress for these topics. ]

    I have made a website with the Nirvana Theme – which I have used several times before – but this time it is not working at all on the mobile – showing the text in only one strinng. I have set up with page builder- which I don’t hope is the problem….

    It is very urgent, so I really hope that someone in here can help me!

    The site: www.bioguldborgsund.dk

Viewing 5 replies - 1 through 5 (of 5 total)
  • Sixteen

    (@sixteen)

    6 years, 11 months ago

    You used Site Origin
    Why you set margin instead of put it in container?

    #pg-2-0> .panel-row-style {
    margin-left: 215px;
    margin-right: 215px;
}
    Thread Starter bibber

    (@bibber)

    6 years, 11 months ago

    Thank you so much for answering Sixteen 🙂
    Where should I put this?
    I tried Custom CSS, but that does not work…

    codismo

    (@codismo)

    6 years, 11 months ago

    You already have the code mentioned by @sixteen, it’s part of the “Nirvana custom CSS”, he asked why did you put it in there.

    To fix for mobile you will need to remove that or to add this:

    @media (max-width: 800px) {
    #pg-2-0> .panel-row-style {
        margin-left: 0;
        margin-right: 0;
    }
}
    Thread Starter bibber

    (@bibber)

    6 years, 11 months ago

    Thank-you so much Codisimo, I added you code, and it now looks fine on the front page – but the other pages are still one long string of letters …?
    Have you any explanation?
    Kind regards
    Bibber

    codismo

    (@codismo)

    6 years, 11 months ago

    Hi,

    Every page has a special CSS for that margin so a global solution would be:

    @media (max-width: 800px) {
    .panel-row-style {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

    But check the theme’s settings, something in there is adding the margins and causing the issue, I’m sure there’s a way to fix it in the settings.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile version – responsiveness NOT working’ is closed to new replies.