Same question. Better yet, is there a way to remove the header from specific pages?
Hi,
is a bit complicated to change the size of the header because it is set automatically to fit the screen size (via javascript).
You should edit the file “jquery.fortunato.js” to line 9 and create exceptions for certain pages.
For example: if the page has the ID = 95, then the height of the header will be windowHeight:2 (half of the screen).
It is just one example but the method to follow is this!
Best Regards,
CrestaProject
Yes, I have the same question. I would like the landing page height to be a bit shorter. Then on the rest of the pages and category links, I would like the header height to be even shorter. I enjoy everything about this template except that it is not entirely clear a viewer has to scroll past the page to view any content at all.
So if I am understanding correctly, I should not change the CSS Stylesheet section, but rather the “jquery.fortunato.js” section and edit there?
I dont understand where to find the javascript to edit the main landing page or the heading for the other pages and categories.
This is my site for reference
From the edit the theme screen I have these to choose from and no idea where to begin:
404.php
archive.php
comments.php
contents-none.php
content-page.php
content-single.php
conent-php
footer.php
functions.php
header.php
custom-header.php
customizer.php
extras.php
fortunato-dynamic.php
jetpack.php
template-tags.php
theme-options.php
main index template
page template
Hi rindergaard,
I’m not sure it is possible to edit the javascript from “WordPress Editor”.
I think it’s better to use a FTP client. The file is located in ../wp-content/themes/fortunato/js/jquery.fortunato.js
Best Regards,
CrestaProject
Thank you for your reply CrestaProject.
Can you tell me if this editing option is available if I purchase the full version of the theme? If editing that functionality/visual element is possible in the full theme I would seriously consider using that.
Hi rindergaard,
Unfortunately this feature is also not available in the PRO version because the theme was thought to have a full screen picture in the header.
Maybe in future updates will insert the option to choose the header image size 🙂
I’m in the pro version right now.
I think the area that needs to be edited for global change is going to be on line 33.
Where
function setHeight() {
var windowHeight = $(window).innerHeight();
$('.site-header, .site-brand-main').css('height', windowHeight);
Change to
function setHeight() {
var windowHeight = $(window).innerHeight();
$('.site-header, .site-brand-main').css('height', '600px');
Replacing windowHeight with a numeric size.
Io sto modificando da FTP – ma inserendo windowHeight:2 mi si sballa tutto.
Puoi incollare esattamente il pezzo di codice pre e post modifica?
Grazie!
Or you can change it in percentage, this will always fit the screen 🙂
Edit the file jquery.fortunato.js at the line 10
Edit this:
var windowHeight = $(window).innerHeight();
With this:
var windowHeight = $(window).innerHeight() / 2;
In this case, the header will be 50% of the screen.
Pay attention to the size of the title and subtitle of the site, because the space is smaller than the original 🙂
Best Regards,
CrestaProject
How and where can I find the “jquery.fortunato” file?
Hi there,
under the comments textbox I cannot remove this text:
You may use these HTML tags and attributes: <abbr title=””> <acronym title=””> <b>
<cite> <del datetime=""> <i> <q cite=""> <s> <strike>
Thanks!
Hi aledal,
you can remove that text by adding this code in the style.css file (at the end of the page):
.form-allowed-tags {
display: none !important;
}
Best,
CrestaProject
Is there still no way to create only the header image on the home page? If it were a paid feature I would be willing to pay for this. I love the theme, but I can’t get passed having to scroll down on every page to see content.
Does anyone know how to remove it complete from a post/page? Because I’m having the same issue and I agree… can’t really use it with the header being so big.
