Removing Padding on Pages

halfickett · January 2016

Hi there,

Please see the attached screenshot. How do I remove that block of black underneath the Menu? I want there to be the Menu then the text Property Management Inspections. There seems to be a layer of padding on your template's pages which I'm having a hard time removing. Thanks for advising.

Albert · January 2016

Hi,

this is header's background. If you don't need it, please go to Theme options > Header & Subheader > Header section and turn ON Minimalistic header type.

Thanks

halfickett · January 2016

Great, thanks!

Albert · January 2016

You are welcome

halfickett · June 2016

Hi there,

For the site I'm designing: http://a54.6b5.myftpupload.com/ there's a lot of padding above the logo on the Mobile phone version. Any way to decrease that top padding? Thanks!

Albert · June 2016

This is action's bar section and if you want to disable it on mobile, you need to use an extra css:

@media only screen and (max-width: 767px) {
    #Action_bar { display: none !important; }
}

halfickett · June 2016

Thanks. Now that I know that, it might be nice to have it visible on mobile. As of right now it's just blank white space. Any reason why it's now showing up on mobile, but showing up on desktop/laptop?

Albert · June 2016

But it is showing on mobile. Just background is white and that's why it looks like invisible. So if you want to change action bar background on mobile, please use:

.header-classic #Action_bar, .header-plain #Action_bar, .header-stack #Action_bar {
    background-color: #152045 !important;
}

halfickett · June 2016

Thanks!! Is it possible to show the Slogan too on a mobile phone (that reads "Agent Login" and "Request an Inspection") that's in the action bar along with the phone number, email and LinkedIn/social icon?

halfickett · June 2016

Is it #Action_bar .contact_details li.slogan { color: #ffffff; } ?

Albert · June 2016

Action Bar is hidden by default as there is not enough space for that part. However, if you want to display it on mobile, you need to use the following css:

#Action_bar .contact_details li.slogan { display: block !important; }

halfickett · June 2016

Thanks!

Albert · June 2016

You're welcome!

Removing Padding on Pages

Comments

This website uses cookies