Three questions about Aspire Pro

Ok, let’s start with the Header. Just so you know, I have the jumping/skipping issue for Mobile Devices on the To Do list. So once I have that ready and patched up, it will be available in the next update. Part of it has to do with the Sticky Header/Menu, so if you don’t plan on using the Sticky Header, then it shouldn’t affect you since you’re changing the code.

Let’s try this to remove the Sticky Header –
Look for the code around line 1184 in your CSS and either Remove or Comment it Out like this –

.site-header.light {
	/*background-color: #000;*/
	/* padding-top: 0; */
}

Let me know if that makes a difference when you test it.

I’m not sure what Plugin they’re using for that section in the sidebar. That appears to be something they added in themselves, it’s not a Genesis or Aspire feature.

“For some reason, the CSS does not seem to change or react at all when I try to make changes in the “style.css” file in the Editor “

It works, you just need to clear your Browser Cache in order to see the changes instantly. You can do this the fast way by clicking your Reload Button on your browser. Anytime you make a CSS edit, hit your Reload Button and the changes will show up instantly. I would try it again, and let me know once you make the edits, and I’ll check your site from my end.

So far the header isn’t “sticky” since it appears you’ve added this code –

.site-header {
    position: absolute!important;
}

I would actually replace that code with what I mentioned earlier, as the “absolute” can be tricky on certain browsers in certain situations.

The background for the homepage is transparent, that’s why it’s showing a white background if we remove that code from earlier. You can remove the transparent code on line 1179 and it will show the default Black background (assuming that’s what you want) –

.featured-section .site-header {
	/*background-color: transparent;*/
	border:  none;
}

That should work, I have a screenshot if you want to see what it would look like with that code adjusted to your site. However, if you prefer to use the absolute code you added, and it works, then go ahead and give it a try. I would test it across different browsers to make sure it’s showing consistently. Whichever way works best for you.

Let me know if that helps.

Thanks, I just noticed that’s an error inside the Theme that I’ll need to get fixed and updated.

Take a look around line 2852 in your style.css file for this –

	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings,
	.sidebar .widget,
	.site-header {
		padding: 0;
	}

…then go ahead and remove this – .author-box, and the spacing/padding should return back to normal. Right now the padding is set to 0 on mobile devices by mistake, but removing the .author-box for that part should fix it.

They both appear to be the same width. Is it showing up different for you?