move logo to right and nav to left in WP

On home page, I pushed the logo to the right 30px but logo got cut-off (missing full "N").  I did the following to fix (thanks Tom Beck from previous question) but it isn't working right now.  Perhaps a cache issue again?

http://80b.b9a.myftpupload.com/ 

Added 30px of width to .title-area on line 1043 of style.css.
.header-image .title-area, .header-image .site-title, .header-image .site-title a {
    float: left;
    margin: 0;
    max-width: 300px;
    min-height: 100px;
    padding: 0;
    width: 100%;
}

And removed 30px of width from line 2143 of style.css for the menu container.

.site-header .widget-area {
   width: 660px;
}
nsitedesignsAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Russ SuterSenior Software DeveloperCommented:
I was able to show the entire image by setting the width property of the <a> element to 300px AND setting the style of <div class="title-area"> to "overflow: visible"
nsitedesignsAuthor Commented:
I changed the overflow but it had no effect (line 1000).   I tried changing it in on both the css file as well as in the Inspect Element thing.

.title-area {
      font-weight: 700;
      float: left;
      overflow: visible;
}
Russ SuterSenior Software DeveloperCommented:
I just looked at the page again and it's displaying fine now. Did you refresh your browser cache after making the css change (ctrl + F5)?

Also, this isn't the ideal solution to your problem. I think the better way to move this right is to use the margin-left attribute instead of the padding-left attribute.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

nsitedesignsAuthor Commented:
Yes, I flushed cache a number of times, clicked refresh in browser, looked at page on private window.  Still don't see a change.  

Can you please elaborate on what I need to change.
Russ SuterSenior Software DeveloperCommented:
Well that's what's odd. As I'm looking at the page now it doesn't seem like there's anything that needs changing. This is what I see:
Screenshot 1
nsitedesignsAuthor Commented:
Yeah, this is what I find to be exceedingly frustrating with wp sites.  I have to go through hoops to see a refreshed page unlike html that I could see immediately.  Was told by host that I should only make 2-3 updates per 30 minutes!  So, now I am guess I have to wait around to see what it looks like on my end.  Sucks man.
nsitedesignsAuthor Commented:
I have made other changes to the css and those are displaying fine.  So, something is still wrong with the initial logo problem.  On my computer, it is still getting cutoff.  I am using a mac with FF.
Screen-Shot-2015-09-23-at-8.56.09-AM.png
nsitedesignsAuthor Commented:
I ended up adding 10 extra pixels to site title line 1054.  Changing the 300 to 310px.  That seems to look ok on my end now.  How does it look on yours?

.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
      float: left;
      margin: 0;
      max-width: 310px;
      min-height: 100px;
      padding: 0;
      width: 100%;
}
Russ SuterSenior Software DeveloperCommented:
Looks good here too. I'm not sure it's the most elegant solution but it seems to be working just fine. A truly elegant solution would probably require some major rewriting. Most often good is good enough and perfection is too expensive. Go with it!
nsitedesignsAuthor Commented:
On 9/22 you stated, "Also, this isn't the ideal solution to your problem. I think the better way to move this right is to use the margin-left attribute instead of the padding-left attribute. "  I looked at the code I provided. There is no padding-left.  Can you elaborate.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
WordPress

From novice to tech pro — start learning today.