Mobile formatting... specifically, how to collapse the blank space if setting the call to action to display: none for mobile
Permalink Browser Info Environment
I'm currently building the following site:http://barkingtuna.com/mlorch
I've created a nomobiledisplay class to simply hide anything for devices smaller than 768px:
However, I can't seem to figure out how to collapse or otherwise get rid of the blank DIV at the top where the CTA would be on mobile devices. There's a fixed height blank div now in place of the CTA and I don't want that there. Any thoughts?
I've created a nomobiledisplay class to simply hide anything for devices smaller than 768px:
.nomobiledisplay { display: none; height: 0; background: transparent; visibility: hidden; top: 0; position: fixed; z-index: 0; margin:0; border: none; background-image: none; }
However, I can't seem to figure out how to collapse or otherwise get rid of the blank DIV at the top where the CTA would be on mobile devices. There's a fixed height blank div now in place of the CTA and I don't want that there. Any thoughts?
Type: | Discussion |
---|---|
Status: | In Progress |
into the mobile css for anything below 768px max-width.