[ebeard]

@JiveDig thanks, those settings worked perfectly! Not sure how I managed to miss them the first time. 🙂

[ebeard]

How can I remove the title as well from the top of the page? I can't find where that option is.

[ebeard]

Thanks WisdmLabs, that code does make the header responsive. 🙂

Trying to figure out how to get rid of the whitespace between the header, secondary menu, and top of content on the mobile display...maybe just a matter of adjusting some of the numbers above?

[ebeard]

After doing some more searches here, I found lots more threads where people have been seeking an answer to this problem with the Prose header not being mobile responsive. Maybe there is no simple answer. I don't want to hire a coder, as the theme is sold as "mobile responsive" and it is, except for the header. <sigh>

Anyway, if there is no free solution, are there any Studiopress themes that are mobile responsive and will work with a standard 900+ pixel wide header? I have the package that gives me access to all of them, maybe that is the answer if anyone knows of one?

[ebeard]

Hey, thanks! I installed that plugin and added the code to a custom CSS file, but the header is still chopped off on mobile devices....

[ebeard]

Hello dmd,

Yes, I emailed Support and got a solution that worked for me. Here it is:

To remove the header on the homepage, you'll need to add one CSS rule and change another.

First, you'll want to add the following to your style.css:

.home .site-header {
display: none;
}

That will hide the logo image and any widgets from the Header Right widget area (should you choose to add them) on the homepage only, but you'll still see a white strip across the top of the screen. To get rid of it, find the following existing rule in your stylesheet:

.parallax-home .site-inner {
margin-top: 70px;
max-width: 100%;
}

and change it to this:

.parallax-home .site-inner {
margin-top: 0;
max-width: 100%;
}

You may also need to make some changes in your media queries to be sure there is no top margin on mobile.

[ebeard]

Thanks, Brad, but that didn't change anything. What I am wanting is for the image I uploaded to the Home Section One widget to cover the entire screen (except for the links, etc at the bottom). I just don't need a header image and if you don't specify one it leaves that white strip at the top.

[ebeard]

I pasted it right at the bottom of the charcoal gray coding:

.lifestyle-charcoal #footer-widgets,
.lifestyle-charcoal #footer {
background-color: #222;
}

.lifestyle-charcoal .entry-content a, .lifestyle-charcoal .entry-content a:visited {
  color: #0000FF;
  text-decoration: underline;
}

/* Lifestyle Gray
------------------------------------------------------------ */
etc
The links seem more prominent now, but the #0000FF should make them the traditional dark blue that identifies links, I am thinking?

[ebeard]

Thanks Jen. I pasted the code above at the bottom of the ".lifestle-charcoal" CSS, but it didn't change anything. I left it there.

Here is one post where you can see some links:

http://eldonbeard.com/how-to-attract-readers-to-your-home-business-blog/

 

[ebeard]

Just thought I'd check back and see if anyone can help with the above.

Thanks   🙂

[ebeard]

Susan, I hear you about the unanswered posts. I really liked the previous forum, because I could post a question and have answers within hours. Several days ago, on the new forum setup here, I posted a question about changing link colors in a theme and included what I found with Firebug and what I didn't understand. No replies except for an update on the post that I did myself.

It wasn't like this before, and one of the GREAT things about Studiopress has always been the generous support on these forums. Maybe things will settle down with the new structure of the forums and it become more like it used to be.    🙂

[ebeard]

I tried breaking out part of the custom code for the tan theme and applying the desired link color to it, but it did not work - can someone help?

I want the hyperlinks in the posts, articles, etc to be blue (#o000FF) and everything else (nav, subnav, all other links) to remain consistent with the Lifestyle tan theme color styling.

.lifestyle-tan a, .lifestyle-tan a:visited {

color: #0000FF;

}

.lifestyle-tan #nav, .lifestyle-tan #nav li li a:hover, .lifestyle-tan #nav li li a:active, .lifestyle-tan #subnav li li a:hover, .lifestyle-tan #subnav li li a:active, .lifestyle-tan h1, .lifestyle-tan h2, .lifestyle-tan h2 a, .lifestyle-tan h2 a:visited, .lifestyle-tan #cat, .lifestyle-tan .widget_archive select, .lifestyle-tan .s, .lifestyle-tan .enews #subbox {

color: #666666;

}

[ebeard]

Anyone?   🙂

[Author]

Posts