Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #611246

    Hi, i have a colour section at the top of each page which I’m pleased with on desktop. I’m using this instead of titles to give more information. However, it is way too big and dominant on mobile. Please can you suggest how to fix this

    thank you.



    Please edit your color sections and give them a unique ID – and then add following code to Quick CSS

    @media only screen and (max-width: 767px) {
    #your-custom-id .content {
        padding-top: 40px;
        padding-bottom: 10px;

    Best regards,


    Thank you that is better, although i went with padding-top: 30px; padding-bottom: 0px; – as there was already some padding in the content of the box and if i took it out, it wasn’t looking so good on desktop.

    Thanks again, much appreciated.



    You are welcome :)
    Let us know if you have any other questions


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Colour section – mobile size’ is closed to new replies.