Since the CSS code would let the shop's page looking awful. I've decided to go with a little bit of jQuery in order to resize the header to the size of the navigation bar, so it feels natural.
This is the function I use for it:
function updateClassStateOfHeader() { var header = document.getElementById("page-header-wrap"); var navbar = document.getElementById("header-outer");
Hello!
I'm looking for a way to edit the shop's page header, but I seem to not find any kind of option. Any recommendation?
The header's class is: page-header-wrap
I've tried to look for settings to change the text and appearance of it but I couldn't find anything.
Hi Informatica Neurovilla,
Thanks for keeping in touch.
We add those particular texts to the Page Header Metabox. You can find them when you edit the Shop page in the WP Dashboard ->Pages -> Edit Page.
Thanks
Thank you very much!
Would it be possible to remove the header from the page header or edit its design from a certain .PHP template file?
Hi There,
We do not much recommend editing the php files as this may break the site if not carefully edited.
Thanks.
Then, how should I remove the header from the shop page? Since I cannot observe any option to toggle it off.
Hi Informatica Neurovilla,
Please send in your website url so that we can provide css for it.
Thanks.
Since the CSS code would let the shop's page looking awful. I've decided to go with a little bit of jQuery in order to resize the header to the size of the navigation bar, so it feels natural.
This is the function I use for it:
function updateClassStateOfHeader() {
var header = document.getElementById("page-header-wrap");
var navbar = document.getElementById("header-outer");
header.style.height = navbar.style.height;
header.style.maxHeight = navbar.style.height;
}
Switched to jQuery due to conflicts with resizing the window:
function updateClassStateOfHeader() {
jQuery("#page-header-wrap").css( "max-height", jQuery("#header-outer").css("height") );
}
Ticket can be closed now.