Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1017588

    I am trying to correct the mobile view of a landing page we recently created. I had to add additional whitespace to the desktop view to make the page look the way my boss wanted it to. Now on mobile viewing there is way too much whitespace between elements and I am unsure how to fix the problem. I have tried to resolve the matter myself but instead of continuing to plug code in/out hoping it will work I thought I should just ask.

    #1017744

    Hey Jamiesd4d,

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

    @media only screen and (max-width: 767px) {
    .home #franchise_landing_page main {
      padding-bottom:0;
    }
    
    .home .avia-builder-el-20 {
      display:none;
    }
    }

    Best regards,
    Rikard

    #1017888

    Unfortunately that didn’t do very much if anything. My ‘watch video’ buttons are merged with my video image, I would like to fix that in addition to the huge whitespaces that are appearing on mobile view.

    I am not a proficient coder. I do not believe the individual I replaced was either. I have a feeling our website is filled with poorly written code and added CSS. It seems to be very particular and difficult to work in. I have added my personal info to the private content section.

    #1018272

    I still need assistance please. Trying to wrap this up. In mobile view there is still too much whitespace. The previous code did not help. I have tried fixing this issue myself and have not been successful.

    #1018744

    Hi,

    Thanks for the update. Are you using the “Separator/Whitespace” element to create spaces between the elements? Please edit the elements and then look for the “Screen Options”. Adjust the settings accordingly so that they’re not visible on mobile view.

    Best regards,
    Ismael

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