christystjohn

Hello!

I think you mean the text below “Welcome to the pines!” If that’s the case, what you really want to do is change your line-height (which is the the height of the line of text with the text in the middle).

Since your font-size is set to 100%, you want to make your line-height slightly bigger so there is some space around the lines of text. You can play around with the size, but adding this to your css will give you control over the black space between the lines:

.action-teaser p {
  line-height: 150%;
}

Redirecting www to non-www URLs or non www to www URLs involves the .htaccess

Here is a good explanatory article: https://techwelkin.com/redirect-www-to-non-www-url-htaccess-wordpress

Hello!

It works fine on my Samsung Galaxy S3 and when I used Chrome Emulation to test out different iPhone, Blackberry, and Samsung models. Does the problem persist on your end? Where exactly (aka on what device) are you getting this error message?

My apologies, I didn’t realize you were working with a pre-built theme.

To get rid of the header menu add this to the style sheet:

header#header {
  display: none;
}

To make the footer menu horizontal and centered:

.footer-widget-area {
  width: 100%;
}

#footer ul li {
  display: inline-block;
  width: 33%;
  text-align: center;
}

These techniques are slightly ‘hack-y’, but they work for what I believe you’re trying to do. For my two cents, you are making significant changes to the format of the theme, and it might be easier just to find a theme that already has the format you want and change the colors and font to match retrotale.

In your theme’s stylesheet, find the #head section & add these two lines:

position: fixed;
width:100%;

It is most likely a plugin. Try deactivating all plugins one by one to see if the problem fixes itself.

If that doesn’t work, try temporarily switching to a basic theme. If that fixes the problem, then there is a problem with your theme.

Great! One down one to go!

Awesome, would you mind marking this thread as resolved?

Are you talking about the white space or the red space?

The white space is where the header should be, but it’s position is moved 123 px.

@media only screen and (min-width: 800px)
.single-ja-event #menu_top_event {
  width: 100%;
  background: transparent url('../images/top_menu_search_event.png') repeat-x top left;
  height: 67px;
  margin-top: 0;
  position: relative;
  top: 123px; *********
  z-index: 89;

The red space is the padding on the #top-event

@media only screen and (min-width: 800px)
.single-ja-event #top_event {
  padding-top: 190px;

Oh great, not sure how much help I was, but I’m glad you found a solution!

What if you deactivate ALL plugins and switch to an unmodified default theme?

Awesome! Would you mind marking this thread as resolved?

With Tesseract, there isn’t an easy way to resize background images with code. To do so, you would need to give all the images classes and then code in what you would like them to do in the “@media screen” section of the Editor. This is the section that says “If the screen is this small, change it to this ______.”

My advice would be to move the images from the background into the page content. That way, the theme will take care of the resizing of the visual editor that is wrapped around the image and the image will resize automatically without messing with the code.

The problem is that the position of your header is fixed. The code is in two locations:

@media only screen and (min-width: 800px)
.single-ja-event header.header {
  position: fixed;
  width: 100%;
  z-index: 90;
  top: 0;
}

and

‘@media only screen and (min-width: 801px)
header.header {
position: fixed;
width: 100%;
z-index: 21;
}`

You need to change these instances to “position: relative” to make it behave like the home screen. The reason that it’s not a problem on the home screen is because there is code specifically referencing the home screen header to make its position relative already.

The tesseract is somewhat responsive. Can you be more specific with what you are trying to do and include a link?