Tesseract Theme Header Problem

@loucarfizzi,

Looks like you must have figured it ou. Everything appears full-width to me.
Dave

DFranzwa, check out https://tyler.com/ and you will see what I’m talking about.

On my iPad, deodorizeit.com is utilizing the entire screen and the logo extends to the far left. On my desktop and laptop, the logo only goes to a margin and leaves the rest of the header blank. There seems to be a margin limit, both left and right. If you look at tyler.com, the logo is to the far left as it should be and the rest of the header is properly displayed. Help!

hey there! I have the same issue. A friend of mine is pretty good at this things and he agreed to help me next Week. If there are still no solutions here and he manages to find a way, ill post it here.

@loucarfizzi,

Check it in Chrome. Is that the way you want it?
I checked it first in Chrome, then Firefox, and it definitely displays differently, but I think that’s what you’re talking about.

Try this in your custom css:

.site-info, .site-content, #colophon > .menu, #footer-banner, #site-banner {
max-width: 1200px;
}

Let me know if that works,
Dave

@joeychaoz Thanks very much! I look forward to seeing how your friend handles this.

@dfranzwa

Thanks Dave,

I tried your solution, and it moves the header text and logo more toward the left. I can tweak it if I need to.

In Chrome and Firefox it is different, but not enough to complain about. I’d like to keep this open and see if there are further solutions for the rest of the page.

I really appreciate your help, Dave.

Many thanks to @joeychaoz and @dfranzwa !

I changed the max-width to 1600 and it is perfect. I hope I am able to repay the favor.

Lou

Glad you got it to work.

Hi, I’m having the same problem as loucarfizzi. But unlike him, i almost don’t know the first thing about custom css in wordpress.
Do I have to add that code in style.css from the editor? Is that supposed to do it or there is some other step involved?

I tried doing that but i’m not seeing any result..

please help!

thanks

Foolard

@foolard

You do NOT want to make any changes to your parent theme.
If you don’t have a child theme, I highly advise getting one, or at least using one of a dozen custom css plugins.
That said, have you a link to investigate?

@dfranzwa

Yoohoo! I didn’t even know custom css plugins existed. This is great. I copy-pasted the css in and it worked right away solving the problem once and for all.

Thanks a bunch!

@foolard

Glad to help.

I am having a theme header problem of a different nature, not sure it is appropriate to use this post but trying anyway.

In the Site Identity settings there is a checkbox named “Display Header Text”. When I uncheck this box my site title is removed from the header menu. However after saving and displaying my header/pages the site title shows up again in the header menu.

Is this a bug or a feature? Can I have a site title and NOT display it in the header menu, which is what I want.

I recently installed Tesseract. I am experiencing inconsistent behavior in displaying the header too. The menus sometimes show up and then disappear, without my changing the settings.
Also, if I show the logo, the site name disappears. (I checked the code and it seems to have logic to support both the logo and title showing.)
Anyone else having this problem? Any suggesting for fixing it?