[Theme Tesseract] Increase Header Size to same as footer

Hello there. Just completed the following website (www.abductedangels.org) with the Tesseract theme, but I have an issue which I was hoping to have some help with. When you visit the page, you will notice in the header that the logo (highlighted with red circle) is very small. Can anybody please advise me on how to widen the header bar to make the logo larger whilst keeping the header options and ‘donate today’ button aligned in the middle of the header. Thank you in advance for your help. All the best.

Hey LaylaRai,

This thread is resolved please open a new thread with your question.

With that being said I’ve took a quick look at your site and adding the following CSS as described above should increase your logo and reposition the menu and the button to the middle :

#site-banner {
    min-height: 120px;
}

.site-logo img {
    height: 100px;
}

#site-banner-left > * {
    vertical-align: top;
}

nav#site-navigation {
    display: block;
    margin-top: 30px;
}

div#header-button-container {
    margin-top: 30px;
}

Hope this helps ??

Best regards,
Bojan

Dear Bojan,

Thank you so much for your help it worked – you are very kind.

All the best.

Hello,

Good day!
I am new to wordpress and i am not sure what i am doing wrong i followed the instruction but i can’t change the position of the site-title to the center.

Hoping that you can assist me with this.

Thanks,
JM Lirio

Hi jmari,

Hope you are good today,

Can you please send the link of the page where you want to align the title to the center.

Hi Danish,

Thanks for your reply.
The website i am working with is still in my localhost. How can i send you the link?

Hi,

I’m using the same theme and followed the instructions above to descrease the height of my footer.

I pasted the code using Simple Custom CSS and changed the padding from 40px to 15px (tried a few, that size seems right).

The problem is that if I use any value lower than 30 (including) a scroll bar is added at the bottom of the screen.

Any idea who to get rid of the scroll bar? I can’t see any reason for it appearing.

Thanks!

Hi, I have created a website using Tesseract theme and downloaded the ‘Collapse-O-Matic’ Plugin and it worked Ok but the button I want to use is from the Tesseract theme.
See the button in question on the site (it’s obvious which one), the button also has a line under the text when you roll over it and the text is sitting to high in the button. Thanks.

Also the link to my site is: https://www.icongraphicdesign.com.au/sunbar/staging

Hey there leroy_jr,

Can you post a link to your site so I can take a look?

@icon Graphic Design can you please open your own thread so we don’t spam this one as your question is different then one from the thread opener.

Best regards,
Bojan

Does anybody know how to add a header image above the menu nav. in the tesseract theme. PLEASE!! ive been looking for weeks!

Hi there @chlopanoski

It appears that you are having a completely different issue than the one described in this topic, and that this is a theme not hosted here on www.remarpro.com.

As such, you should be contacting the theme author regarding this, I see they have a feedback area, but no public support forum, at https://tyler.com/feedback/

As this topic is a couple months old, I’ll be closing it at this time.