Overwriting a style setting in a custom.css file linking back to marketplace.editmysite.com

[AnnaByDesignNZ]

Hi there

The problem I'm having is that my home page in the mobile view is able to be moved around horizontally and I've traced it back to:

@Media (max-width: 767px)

.wsite-section-elements {overflow: unset !important;

}

which is in a style sheet called custom.css?meowmeow:7 in marketplace.editmysite.com and I can't seem to overwrite it to overflow: hidden. You'll see in the snapshot where I've tried to in main.less and in the header code on the home page.

Can anyone help me with this or if I have it wrong, help me fix it properly? My website is https://www.annabydesign.co.nz

Many thanks in advance!!

[BJ5]

I'm not sure where that is within main.less or if it's even in one you can edit, though you could override it by adding this to the footer code field in Settings > SEO:

<style>
    @Media (max-width: 767px)
    {
        .wsite-section-elements
        {
            overflow: hidden !important;
        }
    }
</style>

Since it will come after anything within the CSS files it should override the rule.

[AnnaByDesignNZ]

Thank you, thank you, thank you!!! That did the trick!! I'm still finding my way with coding tricks and I had always thought those things needed to go in the header code so thank you!!

[Bernadette3]

Awesome! Glad that worked out for you. BJ is so helpful!