Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 26, 2021 at 5:36 am #1318372
    navindesigns

    HI,
    I have done some custom css for my blocks on this page – https://alexandere23.sg-host.com/

    everything looks great on desktop but on mobile, they blocks are overlapping each other, how can i add more spacing between the columns on mobile?

    the spacing is required the last color sections on the page

    • This topic was modified 3 years, 3 months ago by navindesigns.
    August 28, 2021 at 4:48 am #1318738
    Rikard

    Hey navindesigns,

    You can wrap your CSS in a media query, so that it only applies above a specific pixel width:

    @media only screen and (min-width: 768px) {
  Your custom CSS goes here
}

    If that is not what you are looking for, then please try to explain the problem a bit further. Screenshots might help us understand what you are looking to achieve as well.

    Best regards,
    Rikard

    August 29, 2021 at 12:16 am #1318798
    navindesigns

    sorry here is my screenshot
    https://ibb.co/GdT4CRC – i need add more spacing between column on mobile on this page in the section labelled “Providing Client Solutions” . the columns are overlapping each other on mobile

    Here is the page – https://alexandere23.sg-host.com/i360host

    August 31, 2021 at 1:20 pm #1319124
    Yigit

    Hi,

    Thanks for contacting us!

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

    @media only screen and (max-width: 767px) {
#clientsolutions {
    margin-bottom: 50px !important;
}}

    Best regards,
    Yigit

    August 31, 2021 at 2:54 pm #1319158
    navindesigns

    Thank you! That worked perfect

    I hae the same issue on another page
    screenshot – https://ibb.co/vz13RMN

    live site – https://alexandere23.sg-host.com/consulting

    Thanks in advance

    August 31, 2021 at 3:24 pm #1319165
    Yigit

    Hi,

    Could you please edit your page and then give your “Vendor-agnostic Solutions” and “Full-Service Consulting” columns a custom ID in Advanced > Developer Settings (“custom-bm” in example below) and then add following code to Quick CSS as well? 

    @media only screen and (max-width: 767px) {
#custom-bm {
    margin-bottom: 50px !important;
}}

    Cheers!
    Yigit

    August 31, 2021 at 7:31 pm #1319230
    navindesigns

    This is perfect.

    thank you so much!!!

    September 1, 2021 at 11:55 am #1319322
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile spacing between columns’ is closed to new replies.