Dear Khan,
you’ve found the right piece of code to increase the width of the logo area, not sure why it did not work. Please try adding this code at the bottom of “style.css”:
#logo-wrap #logo a { width: 300px !important; }
This will increase the length of the logo, yet it will overlap the content area on pages with content. We thus need some more CSS to make it work:
#logo-wrap, #nav-primary { left: -314px !important; }
Moving the logo to the leftmost part of the page would be trickier, since we would have to make more serious changes to the template files, but if you definitely need it that way, let me know, we’ll figure something out.
Best,
Andrew | Satori Studio