Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 31, 2017 at 6:39 pm #832336
    afarahani

    Aloha,
    I have a color section with two 1/2 columns in the following address. I want to make both columns appear 100% width on mobile view only. Also I want to remove the extra white space from below each column. I have tried the following code and some others from various posts here but it didn’t work.

    @media only screen and (max-width: 768px) {
    #monthly_top av_one_half {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    }}

    Do you have any idea? @yigit

    • This topic was modified 7 years, 4 months ago by afarahani.
    August 1, 2017 at 7:13 am #832623
    Jordan Shannon

    Hey afarahani,

    This issue seems to have been fixed. Were you able to figure it out?

    Best regards,
    Jordan Shannon

    August 1, 2017 at 9:23 am #832705
    afarahani

    not really. That is exactly what I am asking for! :)

    August 1, 2017 at 8:39 pm #833058
    afarahani

    any help here? @yigit @victoria @ismael

    August 2, 2017 at 10:33 pm #833655
    Jordan Shannon

    Hi,

    Perhaps I am misunderstanding. Is this not 100% on mobile? https://snag.gy/LeX7zI.jpg

    Best regards,
    Jordan Shannon

    August 3, 2017 at 2:20 am #833723
    afarahani

    Hi @Jordan,
    Thanks for the follow up. I am trying to extend the images to the edge of the screen and eliminate the white area you can see on both sides. Also as you can see there is a white space between the first image (my left column) and the second image which is inserted in the right column. The same white space exist after the third image (second column).

    I hope I was able to clarify the issue.

    Thanks.

    August 3, 2017 at 3:49 pm #833932
    Jordan Shannon

    Hi,

    Add the following:

    @media only screen and (max-width: 767px){

#monthly_top.avia-section .container{
min-width:100%!important;
}

#monthly_top.avia-section .flex_column {
margin-bottom:0px!important;
}

}

    Best regards,
    Jordan Shannon

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