Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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
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.