Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 7, 2014 at 10:21 pm #233985
    jaypopsu

    Hello,

    I’m creating a no header, no footer landing page and the page in a browser looks OK, although I would rather it fills the page and centers like my normal site (so if you could fix that it would be great) but the biggest issue is on a mobile device where there is no padding – the content is smashed right up agains the left hand side of the window. I’m using an Android phone on Chrome mobile browser.

    http://startawesome.com/get-results-now/

    Thanks,
    JP

    • This topic was modified 10 years, 8 months ago by jaypopsu.
    March 7, 2014 at 11:08 pm #234014
    Josue

    Hey JP!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
#top.avia-blank #wrap_all {
    display: block !important;
}
}

    Cheers! 
    Josue

    March 7, 2014 at 11:15 pm #234023
    jaypopsu

    Josue, that looks great on the mobile site now!

    I couldn’t put it in the quick CSS, nothing ever seems to work when I put it in there. I had to add it through the custom CSS editor. So now that you got that, can you tell me what we need to do to make the regular browser (non mobile) blank template page fill the entire page as well? It’s is all left justified.

    JP

    March 7, 2014 at 11:17 pm #234026
    Josue

    Hey!

    Change the code to this:

    #top.avia-blank #wrap_all {
    display: block !important;
}

    Regards,
    Josue

    March 7, 2014 at 11:19 pm #234028
    jaypopsu

    That did it! Thanks a lot. Have a great day.

    March 7, 2014 at 11:20 pm #234030
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Blank page template – no padding on mobile device’ is closed to new replies.