Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 3, 2015 at 6:49 pm #529568
    malottdesign

    I have a six-column Color Section that displays images (details of of our six branch locations). It looks good on a regular desktop. However, when looking on a mobile device there is too much space, below the six columns and above the next Color Section.
    I want to reduce the spacing when viewing the site on mobile.

    Thanks for any help you can give me with this.

    Sincerely,
    Paul

    • This topic was modified 9 years, 1 month ago by malottdesign.
    November 3, 2015 at 8:23 pm #529607
    malottdesign

    My client forced me to put back online the non-responsive site, so going to the link I sent earlier will not show the issue.

    I will provide a link to show the issue shortly.

    • This reply was modified 9 years, 1 month ago by malottdesign.
    November 3, 2015 at 9:47 pm #529629
    malottdesign

    Please take a look at this link; it shows what is happening (when you view it on a mobile phone), when I have six columns:

    http://www.malottdesign.com/contact-us/

    As noted on the page itself; Both Color Sections have no padding, yet there is additional white space (gray color in this case) between the sections when viewing on a mobile phone. It looks as expected on a desktop/laptop view.

    November 4, 2015 at 4:02 pm #530125
    malottdesign

    Please see a couple of views here: https://www.dropbox.com/sh/b7zpgkhhutxovkm/AADieuQ5gx8hfNgU1au0j1H4a?dl=0

    November 5, 2015 at 3:41 pm #530839
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #six-columns .flex_column {
    margin-bottom: 0!important;
}
@media only screen and (max-width: 580px) and (min-width: 481px) {
#six-columns {
    min-height: 71px;
}}
@media only screen and (max-width: 480px) {
#six-columns {
    min-height: 40px;
}}

    Best regards,
    Yigit

    November 5, 2015 at 3:45 pm #530845
    malottdesign

    Beautiful; works perfectly! Thank you!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Space Below six-columns in Enfold Mobile View’ is closed to new replies.