Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1192457

    hi there,

    There is an extra space on this one element ONLY ON MOBILE. The space is below the orange section with the words “Name dropping is tacky,” I whispered to moses. and the button says ‘SEE MORE PRAISE”.

    How do I get rid of it?

    Thanks for your help!

    #1192509

    Hey groovymarci,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .home .avia-builder-el-56 {
      margin-bottom: 0 !important;
    }
    }

    Best regards,
    Rikard

    #1192749

    That worked! But I have this exact same element on almost every page of the site. So for the About page, the code would be:

    .about .avia-builder-el-21 {
    margin-bottom: 0 !important;
    }
    }

    Is this correct? It doesn’t seem to be working for the About page…

    Thanks again!

    #1192780

    Hi groovymarci,

    Well, on every page the number here “avia-builder-el-21” can be different so you need to check it on every page.

    Or try this code first:

    
    @media only screen and (max-width: 767px) {
        .responsive #top #wrap_all .flex_column {
            margin-bottom: 0;
        }
    }
    

    Best regards,
    Victoria

    #1192787

    Yes that worked beautifully, thank you!

    #1192832

    Hi,

    Great, I’m glad that Victorias code is working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1193031

    We are good to close the chat. Thank you again for your prompt help!

    #1193287

    Hi groovymarci,

    Great!

    We are closing the thread.

    If you need further assistance please let us know in a new one.
    Best regards,
    Victoria

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Extra space under color section on MOBILE’ is closed to new replies.