[pxforti]

remove text-indent: -9999px; from the css I sent.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Be default, pages don't show featured images. You have to add that function. See this article to see how to do it

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

HOW TO CONFIGURE THE HOME – TOP

To activate the Slider feature of the Outreach Pro Theme Home page add the Genesis – Responsive Slider widget to the Home – Top widget area.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

I don't think this is a genesis specific question. Either way would work, but the first method is much more simple.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Did you add it to the script box in the post?

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

You have to add the slider widget to the home top widget area

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

You'd have to edit the css for this:

.header-image .site-description,
.header-image .site-title a {
display: block;
text-indent: -9999px;
}

Also, once you do that, you'll probably also have to modify the image css so that there is room for both to align properly. Also, you'll have to modify css for smaller devices.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Looks like that template is not coded for submenus. You'd have to find a studeopress template that is coded for submenus and merge that code into your stylesheet

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

you need to use a widget content plugin so you can specify which pages or posts the widget appears on.

I use this one: Display Widgets

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

You need to modify the language file of Agent Press Listings plugin

Install Say What? plugin.

Your text domain is "agentpress-listings"

For more details, see this article about changing language files

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

BTW: You will have to go back and add a featured image to all posts.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Should be pretty easy. In wordpress admin, go to Genesis > Theme Settings > Content Archive and check the option to include featured image and set image size. Also, in same place, you can set to show excerpt instead of content. Finally, by default, the featured image doesn't show in the full post.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

On line 1108 of style.css, change background-color to #fff:

.genesis-nav-menu {
background-color: #fff
clear: both;
color: #666;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

I figured out how to do this. I had the same question.
Instead of display: inline-block, I changed to display: inline; and added float: left;

That removes that extra space between each menu item.

.genesis-nav-menu .menu-item {
	display: inline;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

I think the menus work as they are supposed to work. If the screen is small, then the menu items break to next line if there is not enough room.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

As far as I can tell, the news pro template is totally responsive including the header. Maybe you changed some code that caused the change?

When I test the new template online, it works perfectly in responsive mode.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Find this code in stylesheet:

find all occurances of #subnav .wrap and change the border rule as below.

#subnav .wrap
border-top 2px solid #a9a9a9;
border-bottom 2px solid #a9a9a9;
}

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

Easiest method is to make your link titles shorter.

However, you can use css to reduce the fontsize and padding.

On line 1109 of your style.css file, you can modify this code:

.genesis-nav-menu a {
border: none;
color: #999;
display: center;
padding: 28px 24px;
padding: 2.8rem 2.4rem;
position: relative;
font-size: 12px; /* change to whatever size you want */
font-size: 1.2rem; /* change to whatever size you want */
font-variant: normal; /*this will remove all caps */

}

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

You could add the code below to the @media only screen and (max-width: 600px) { or create one for a smaller screen size; eg, @media only screen and (max-width: 320px) {

.genesis-nav-menu a,
.genesis-nav-menu > .first > a,
.genesis-nav-menu > .last > a {
border: none;
padding: 12px;
padding: 1.2rem;
}

The problem is, your choice is to reduce padding or font size, but I think to make links stay on one line, the link text will have to be very small.

---

writeNowDesign
WordPress and Ecommerce Website Design

[pxforti]

the menu automatically wraps if screen gets to narrow. The only way to keep it in one line is to make the elements smaller.

---

writeNowDesign
WordPress and Ecommerce Website Design

[Author]

Posts