Navigation
Archive / Add Margin to Content Area on Mobile Only
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 30, 2016 at 12:18 pm #859052
    scottkwilson
    Participant

    Hello! Loving the X theme so far – and the support has been terrific. Thanks!

    On the mobile version of my site, I would like to add a little space above the brown content area (see attachment screenshot) that is the same as the space above the purple content area. I think it’s 40px. Is this possible only on the mobile version of the site? It looks as it should on the desktop version.

    March 30, 2016 at 9:16 pm #859930
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in and the very detailed information. Upon checking your page you have added an invalid inline css. Please remove your code @media padding-top: 10px;. What I can recommend is to add a gap element (above your custom headline) with a height of 40 pixels and hide it on large and medium screens and make it visible only on mobile screens.

    http://prntscr.com/ama86q

    Hope this helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-859052 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>