[bandj]

find this
.entry .entry-header .entry-title {
border-left: 6px solid #222;
margin-left: -60px;
padding: 20px 54px;
}

delete this line
border-left: 6px solid #222;

[bandj]

thought I had to add them to the front page, but just added 3 text widgets. Some days....

[bandj]

Any idea why this worked and previous attempts failed? It seems random.

did you put the css in a different spot than the first time?

[bandj]

I still see your header with white text although it has a reddish background

your widget titles are black with a reddish background

.widget-title {
background-color: #BD6981;

your categories in the menu are all black and white

[bandj]

My thought was that it worked like the responsive menu in Genesis and using css to fill the screen. Except to use the primary menu.

That tut opens up a lot of ideas though. Hadn't thought of using toggle. Thanks Brad.

[bandj]

If you're talking about the space between the text and the bottom of the widget, part of that is controlled by the margin for p. But if you change that it would affect all the paragraphs.

Otherwise the only thing I see is the .sidebar .widget padding. You could change that to padding: 2rem 2rem 0;

[bandj]

It will take a few steps.

1. your .entry-content .search-form is set to 50%. You can make that bigger to make room for the button. For example 80%

2. add a width to input[type=search] width to something less than 100%. For example width: 70%;

you'll have to play with the widths a bit to get what you want. Don't forget to check it at different device widths.

[bandj]

It also loads really slow for me. Are you just using a static page with the slider shortcodes?

[bandj]

Looks like your @media starts at 1139px.

Not sure why your menu is not responsive. But being that it is not change the width of the menu (right now it's 750px) to something smaller so that it will fit next to the logo. You'll still have to change that 150px padding to something smaller also.

That should allow you to get the whole slider to show.

[bandj]

Looking at it now I still don't see any adjustments for the top padding in this:

.site-header .widget-area in the @media sections

[bandj]

Looks like you got it fixed.

[bandj]

Thanks Tom. Got it done.

[bandj]

Hi Tom,
Yes, my programmer son added some stuff to the script. Thanks

[bandj]

These forums are not manned by Studiopress support people. Everyone here are Genesis users and volunteer their knowledge. You have to put in a support ticket to actually talk to Studiopress.

[bandj]

yes thanks Jan. btw, At Ease is nice theme.

[bandj]

Josh I would suggest reading these forums. There are a lot of people that do web design here that also have tutorials and blogs that you can check out. You can also search for problems you run into. For example Genesis plugins, Studiopress genesis child themes, Genesis header problem etc.

[bandj]

Renee your link doesn't work.

@Tonya like your site, a new bookmark for Genesis tuts.

[bandj]

1. Your nav is sticky and is 57px high so you have to add some padding at the top of your header. You have 0 padding now.

padding-top: 5.7rem;

2. Those 3 lines are the mobile menu. It's for smaller screens. Easiest way is to look in your media queries section of the style.css for

.nav-primary #responsive-menu-icon

.nav-primary .responsive-menu

one will say display: none; and the other will say display: block;
change the "none" to "block" and vice versa

[bandj]

Here's some stuff that might help

Adding Content to Genesis Navigation

http://amethystwebsitedesign.com/add-logo-on-top-of-navigation-menu-in-a-genesis-child-theme/ I used this one on this site http://dogloverzdaily.com/ which also uses the magazine theme

[bandj]

around line 1938 of your style find this

.nav-primary .responsive-menu {
display: none;
}

.nav-primary #responsive-menu-icon {
display: block;
text-align: center;
}

try moving that above the media queries. If that works then it's just a matter of eliminating them elsewhere.

[Author]

Posts