Removing Padding on Pages

halfickett

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

halfickett

Great, thanks! 

Albert

You are welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

halfickett

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

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; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

halfickett

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

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;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

halfickett

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

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

Albert

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

halfickett

Thanks! 

Albert

You're welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next