درخواست راهنمایی در خصوص div ها در html

سلام
من قصد دارم توی یکی از تم های وردپرس تغییراتی ایجاد کنم اما هنوز موفق نشدم. من میخواستم یک لوگو کنار عنوان اضافه کنم. برای این کار یک تگ div ایجاد کردم و عرض اون رو 10 درصد صفحه قرار دادم و float چپش کردم. تگ div قبلی که منو و عنوان توش بود رو هم عرض 90 درصد و float راست کردم. در حالتی که عرض صفحه مرورگر زیاد هست مشکلی به وجود نمی یاد. اما وقتی عرض صفحه کم میشه مشکلی که در تصویر شماره یک هست اتفاق می افته. و نکته سوم هم اینکه وقتی تگ دایو قبلی رو floatش رو حذف میکنم مشکل قبلی رفع میشه؛ اما تنظیمات مربوط به چینش قطعات به هم میریزه. (تصویر شماره دو رو نگاه کنید) مشکل از کجاست؟ خوشحال میشم کسی کمکم کنه.

تصویر 1:

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

تصویر شماره دو:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

خوب از بوت استراپ استفاده کردی وقتی عرض عوض میشه میره رو نوبار مخصوص موبایل

مشکلات رو اینجوری فارسی توضیح نمیدن که با کد دقیق باید بگید
اگر تونستی رو یک محیط آنلاین پیاده سازی کن بهتر میشه راهنمایی کرد
نیازی به float نیست تصویر هم باید ریسپانسیو باشه که به همراه نوبار کوچک بشه و....