Josiah

That may work but don’t quote me on that. In theory, it should make the sidebar relational to the main content and not formatted so that it’s stuck in one place. I’d recommend backing up first, but try it.

Try this. I could not find text except for in the footer area:

#footer .widget {
-moz-box-sizing: border-box;
color: #898989;
float: left;
font-size: 12px;
padding: 0 7px;
width: 33.3333%;
word-wrap: break-word;
background: #333333;
}

Hi Beth,

Sorry, I’ve been out of town at conferences so that’s why I’m just now getting back to you.

On the media queries…I’m not 100% sure on the php for that as I’m not a php guru at all as I usually work with php in trial and error. But what I think we are going to have to do is add a php if else statement which basically says if it’s mobile size, then we need the structure to look like this and use a little mobile.php file that is structured how you want it to be on mobile.

I definitely could not write the code without just trial and error on that but I would recommend googling media queries in php and I think this little article will kind of give you an idea of what I’m talking about:

https://stackoverflow.com/questions/18360211/conditional-php-include-in-wp-using-media-queries-and-javascript

I hope that helps.

Ok. Sorry, I have been out of town at conferences and could not get back to you sooner. Let’s start with nav and try eliminating:

<?php twentythirteen_paging_nav(); ?>

Do you mind if I have a url so that I could look at it as well?

Thanks and I hope that helps.

Glad I could help. Let me know if you ever need anything else.

I’m seeing something that’s is not the circles. You should be able to upload your header image via some theme options, then you can edit the child theme’s css:

I did this and got white text:

.site-title {
font-size: 60px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 58px 0 10px;
color: #fff;
}

Let me know if that helps.

This needs to be edited in the css. Notice the bold width area.

#primary, #secondary {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #EEEEEE -moz-use-text-color -moz-use-text-color;
border-image: none;
border-style: none dashed none none;
border-width: medium 1px medium medium;
clear: left;
float: left;
padding-left: 0;
padding-right: 20px;
width: 20%;
}

Make sure you use a child theme to edit your css if your theme does not have a place for custom css.

Well. I don’t like the way that code posted. here you go:

.widget {
border-top: medium none;
font-size: 1.2rem;
line-height: 1.66667em;
margin: 0em 0em 1.66667em;
overflow: hidden;
padding: 1.66667em 0 0;
}

hopefully that makes sense.

Ok, try this. I stole this from your child theme:

.widget {
  border-top: medium none;
  font-size: 1.2rem;
  line-height: 1.66667em;
  margin: <strong>0em </strong>0em 1.66667em;
  overflow: hidden;
  padding: 1.66667em 0 0;
}

I think a -3em will work on the bold. It’s working in my browser when I edit it.

Yes your are correct on media queries. so say your doing a phone and you set your max-width for that media query to 480px, table 720px, etc. You can find tons of tutorials online on media queries.

Percentages are usually a little bit easier to manage with media queries but then it’s more of a challenge to exact positioning.
I hope that helps.

Best of luck! Let me know if you need any help.

It should be the third option.

I use Elegant Themes all the time and love their themes; with that being said, I have used a good portion of their themes but have stuck a way from the estore because I have seen tons of reviews that are not a fan and struggle with its integration with the plugins for ecommerce. Obviously, it will and does work, but I would recommend using a different elegant theme and integrate woocommerce. It’s better for an ecommerce solution in my opinion, with upgrades to improve your cash flow (stripe payments for example, legitimate shipping plugins that will work).

That’s just my two cents. I could look at it further for you if need be.

Hi,

So I can fix your number 3:

.widget {
  font-size: 1.2rem;
  line-height: 1.66667em;
<strong>  margin-top: -30px;</strong>
}

The negative margin brings the widget up nicely.

As for the responsiveness, your theme appears to be based off of percentages at first? This could pose a pretty big problem for it’s responsive handling. I would recommend building three media queries in your child style.css and make it look pretty for mobile, tablet, and computer.

And please make sure this is being done in a child theme? First update and it may all go to pot (true story, I know).

I would recommend trying to install the filezilla one in a subfolder (www.domain.com/wordpress) that way if things go south, you always have your current fall back. It’s a lot easier to host in a subdirectory then to screw on the main one (trust me from experience).

There should be a place somewhere in your theme options next the 2013 to write you name in there.

It may see something like %year%%blogname% replace the %blogname% with your name.

I would check in that same area because it often times there will be check marks on the display wordpress, and site, etc. and they are usually ticked by default.

not super familiar with your theme, but that’s a good place to start without coding.

i would also recommend getting rid of the stuff below your footer.