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:
.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
barkingtuna
View Replies:
barkingtuna replied on at Permalink Reply
barkingtuna
Figured it out... it was the inline style in the block setting a 50px margin for the body. I just added

body {
   margin-top: 0px!important;
}


into the mobile css for anything below 768px max-width.

concrete5 Environment Information

# concrete5 Version
Core Version - 5.7.3.1
Version Installed - 5.7.3.1
Database Version - 20150109000000

# concrete5 Packages
Block Designer (1.0.3), Call to Action (1.0.0), Formigo Social Links (2.0.2), Fruitful (1.1.1), HonestWebsites Store location (1.1.0), Package Designer (0.9.0), Pricing Tables (0.9), Quick Tabs (1.0), Responsive Embed (1.0.0), Simple Slider (1.0), Spacer (0.9.1), Thumb Gallery (1.0.2), Vivid Locations (1.0).

# concrete5 Overrides
languages/sl_SI, languages/de_DE, languages/da_DK, languages/tr_TR, languages/sv_SE, languages/nl_NL, languages/ja_JP, languages/it_IT, languages/fi_FI, languages/el_GR, languages/fr_FR, languages/ru_RU, themes/jma.zip, themes/jma

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.4.38

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, enchant, ereg, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imagick, imap, intl, ionCube Loader, json, ldap, libxml, mbstring, mcrypt, mhash, mysql, mysqli, odbc, openssl, pcntl, pcre, PDO, pdo_dblib, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, readline, recode, Reflection, session, shmop, SimpleXML, soap, sockets, SourceGuardian, SPL, sqlite3, standard, sysvmsg, sysvsem, sysvshm, tidy, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend Guard Loader, zip, zlib.

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 600
max_input_vars - 1000
memory_limit - 256M
post_max_size - 50M
sql.safe_mode - Off
upload_max_filesize - 50M
ldap.max_links - Unlimited
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
odbc.max_links - Unlimited
odbc.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 1440
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.101 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.