Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 12, 2015 at 10:00 am #410359
    markpevans

    Hi,

    I have been trying to get the mobile version of a site to look great however there are areas where a large amount of dead space appears on mobile.

    The website is http://mamas-box.com/

    The white space is appearing above the buttons which have been added to only appear on mobile with different buttons on desktop viewing.

    Here is what we are seeing on mobile: https://www.dropbox.com/s/zwnrfqfh7e1ibd2/IMG_8079.jpg?dl=0

    it is also noticeable when the desktop browser is reduced.

    March 12, 2015 at 4:48 pm #410570
    Yigit

    Hi markpevans!

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

    @media only screen and (max-width: 480px) {
.home .avia-builder-el-18, .home .avia-builder-el-20 {
  display: none;
}}

    Regards,
    Yigit

    March 16, 2015 at 8:13 am #411926
    markpevans

    Hi Yigit,

    That didn’t work :(

    March 16, 2015 at 5:38 pm #412350
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    March 18, 2015 at 10:05 am #413490
    markpevans
    This reply has been marked as private.
    March 18, 2015 at 1:05 pm #413568
    Yigit

    Hey!

    I have fixed Custom CSS code in Quick CSS field. Please review your website now

    Best regards,
    Yigit

    March 23, 2015 at 3:17 pm #416399
    markpevans

    Hi Yigit,

    Thank you for taking the time to do that.

    There are a few more part’s to the website where there is too much white space above the buttons. can you advise me how you fixed it so that I can fix the other parts?

    March 24, 2015 at 9:15 pm #417391
    Yigit

    Hey!

    You have empty columns inserted in your pages. You need to remove them on smaller screens. You can inspect elements on your page and target them using page ID avia element ID – http://i.imgur.com/OwA3ofs.png?1
    then add following code to Quick CSS in Enfodl theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.page-id-987 .avia-builder-el-1 { display: none; }}

    Cheers!
    Yigit

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