Hi Guys I recently played around with spacing on one of my pages on the desktop which looks fine but now when you view on a smart phone mine is a samsung galaxy s4 there is too much space above the menu and the footer menu is not right , any ideas how to fix cheers chris westcott
Mobile header space
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Cwestcott
Apologies for the delay.
In Custom CSS you’re saying:
.textwidget { color: #948e8e; font-size: 18px; font-weight: 300; margin-top: .1em; margin-bottom: 151px;}Let’s rather change that to:
#header-sidebar .textwidget { color: #948e8e; font-size: 18px; font-weight: 300; margin-top: .1em;}@media (min-width: 780px) {#header-sidebar .textwidget {margin-bottom: 151px;}}Adjust as required :)
Summary:
We’ve made the rule more specific as we don’t want all Text widgets to get these styles. We’ve also removed the margin bottom declaration and inserted it into a media query, ensuring it only gets applied above 780px. Feel free to adjust that point.