ابتدا باید دریابید که چه کد خاصی باعث ایجاد نوار کناری زیر مشکل محتوا در وردپرس شده است.

1. تغییرات اخیر در قالب وردپرس خود را لغو کنید

معمولاً این مشکل به دلیل تغییر در فایل های قالب وردپرس شما ایجاد می شود.

اگر اخیراً تغییری در قالب وردپرس یا تم فرزند خود ایجاد کرده‌اید ، بررسی آن تغییرات راهی سریع برای رفع مشکل خواهد بود.

اگر نمی توانید بفهمید کدام تغییرات را باید برگردانید، به خواندن ادامه دهید و ما راه های دیگری را برای عیب یابی به شما نشان خواهیم داد.

2. افزونه های وردپرس را حذف کنید

ظاهر و سبک سایت وردپرس شما توسط موضوعی که استفاده می کنید کنترل می شود. با این حال، گاهی اوقات افزونه های وردپرس نیز ممکن است HTML و CSS خود را به وب سایت شما اضافه کنند. به عنوان مثال، افزودن یک فرم تماس در یک صفحه یا یک لایت باکس بازشو، CSS و HTML اضافی را بارگیری می کند.

برای اطمینان از اینکه مشکل ناشی از افزونه وردپرس نیست، می توانید به طور موقت همه افزونه های وردپرس را در وب سایت خود غیرفعال کنید. اگر مشکل ناپدید شد، به این معنی است که یک افزونه باعث ایجاد مشکل شده است. به سادگی تمام افزونه های وردپرس خود را یکی یکی فعال کنید، وب سایت خود را بعد از هر افزونه بررسی کنید تا متوجه شوید کدام یک باعث ایجاد مشکل شده است.

3. پیدا کردن HTML شکستن طرح

همانطور که قبلاً اشاره کردیم، تگ شکسته <div> یکی از دلایل رایج حرکت نوار کناری به زیر محتوا است. حال اگر مشکل در ناحیه خاصی از وب سایت شما ایجاد شده باشد، می توانید قالبی که مسئول نمایش آن کد است را بررسی کنید.

4 . CSS را پیدا کنید که نوار کناری را در زیر محتوا حرکت می دهد

 CSS مهمترین جنبه های طراحی وب سایت شما را کنترل می کند. قالب وردپرس شما از    CSS  برای تعریف پهنای محتوا و نواحی نوار کناری داخل یک طرح بندی شبکه ای استفاده می کند. این مقدار بر حسب درصد منطقه مشاهده موجود است. در دستگاه‌های تلفن همراه، طرح زمینه شما به‌طور خودکار نوار کناری زیر محتوا را پایین می‌آورد.