This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Mobile header space

Open 2 replies premiumthemetheme-vantage
cwestcott
10 years ago · Last reply by Andrew Misplon 10 years ago

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

URL: http://www.hobartbuildinginspection.com.au

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Andrew Misplon Staff 10 years, 3 months ago

    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 :)

  2. Andrew Misplon Staff 10 years, 3 months ago

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread