Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 17, 2019 at 7:11 pm #1092107
    Mdmoisell

    Hi, I love the way my page looks on desktop, but I’m having trouble that there’s a space between the 2 white columns on mobile.

    How can I fix this and avoid this problem on other pages in the future? Thanks so much.

    April 18, 2019 at 1:10 am #1092200
    Jordan Shannon

    Hey Mdmoisell,

    Add this to quick css:

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

    Best regards,
    Jordan Shannon

    April 18, 2019 at 3:54 am #1092228
    Mdmoisell

    Thanks. It’s not working. I cleared the cache and checked Incognito on Safari to be sure.

    April 19, 2019 at 5:28 am #1092559
    Rikard

    Hi,

    Thanks for the update. I’m not sure exactly which space you are referring to though, could you post a screenshot of it please?

    Best regards,
    Rikard

    April 19, 2019 at 6:31 am #1092590
    Mdmoisell

    Here you go. Don’t know how to attach. Is that possible?

    April 20, 2019 at 6:05 am #1092825
    Rikard

    Hi,

    Thanks for the screenshot, though I’m still not sure what you want to delete. Do you want the two columns to stick together so that there is no purple between them?

    Best regards,
    Rikard

    April 20, 2019 at 12:46 pm #1092923
    Mdmoisell

    Correct. On desktop, there is no space between the columns but on mobile, there is. I want it to be all one white thing w no gap like it is on desktop.

    April 22, 2019 at 6:17 am #1093246
    Rikard

    Hi,

    Thank for the clarification, though I’m not seeing that purple gap on mobile anymore. Did you manage to get it working?

    Best regards,
    Rikard

    April 22, 2019 at 6:40 am #1093252
    Mdmoisell

    No. It’s still there exactly as it was.

    April 23, 2019 at 6:50 am #1093518
    Rikard

    Hi,

    Thanks for the update. Please try this in Quick CSS:

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

    Best regards,
    Rikard

    April 23, 2019 at 8:08 pm #1093738
    Mdmoisell

    It didn’t work.

    April 25, 2019 at 10:04 am #1094334
    Victoria

    Hi Mdmoisell,

    Best regards,
    Victoria

    April 25, 2019 at 4:31 pm #1094448
    Mdmoisell

    There’s not supposed to be a space AT ALL within the two columns. On desktop there’s not. That’s the whole point of this thread. I’m frustrated no one seems to understand. I want one king continuous white space right there on mobile. See desktop for example.

    April 26, 2019 at 9:15 am #1094658
    Günter

    Hi,

    Can you try to use the following:

    
@media only screen and (max-width: 479px) {
	.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin{
		margin-bottom: 0px !important;
	}
}

    Best regards,
    Günter

    May 9, 2019 at 10:05 pm #1099071
    Mdmoisell

    Unfortunately, it’s the exact same.

    May 12, 2019 at 6:44 pm #1099781
    Victoria

    Hi Mdmoisell,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.