Delete spacing in mobile

[bigbangthinking]

Hi

I would like to delete the areas as shown in the attached images in my mobile version.

Thanks

http://www.bigbangthinking.com/

[Kyle – SUPPORT]

Hi

Add this to your custom css:

@media only screen and (max-width: 480px) { 
.header-container > .row, .header-5 header .container > .row, .header-6 header > .container > .row {
  height: 80px;
}
}

For the space at the bottom, you need to go to Theme Options > Footer and disable the footer widget area, as you are not using it

– Kyle

[bigbangthinking]

Kyle

It´’s not working

🙁

[Kyle – SUPPORT]

Seems to be working fine for me (see screenshot)

Try clearing your cache

– Kyle

Attachments:

You must be logged in to view attached files.

[bigbangthinking]

Kyle

Yes it works in the front page, but not in portfolio items and other pages.

🙂

[Kyle – SUPPORT]

Try adding this:

@media only screen and (max-width: 480px) { 
.single-portfolio .page-heading {
  padding-top: 10px!important;
}
}

– Kyle

[bigbangthinking]

Thanks Kyle. Now it works in portfolio. But still nedd regular pages like:

http://www.bigbangthinking.com/contact/

http://www.bigbangthinking.com/about/

Thanks

Gonzalo

[Kyle – SUPPORT]

Try this: instead of the above:

@media only screen and (max-width: 480px) { 
.page-heading {
  padding-top: 10px!important;
}
}

– Kyle

[bigbangthinking]

😉 Done

Thanks

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved. Thanks Kyle :-).
With Best Regards
Swift Ideas