Header wrapping on scaling the browser down

Hello!

I have checked your site and it looks like that because of some style modifications the responsiveness (it means that the page layout changes somewhat if the visitor’s web browser window is smaller than the usual desktop computer display size).

Regarding the header menu, here is the necessary css code that solves the wrapping to some extent (You should always put your css modifications in a child theme, you can find detailed instructions on how to create one here: codex.www.ads-software.com/Child_Themes)

.top {
  width: 100%;
}

#menu {
  min-width: inherit;
  width: 100%;
}

.topnav li {
  padding-left: 15px;
  padding-right: 15px;
}

Let me know if this helps.

Greetings,
Balint

Hi Toth Balint BT,

Thanks for your reply.

I did that but it doesnot solves the issue. The site still wraps ??

I tried some other methods too but none worked for me. Infact i want to add to my previous post-that the entire website wraps i.e sidebar goes down, header wraps and so on…

Hello!

Sorry to hear that.

I would like to ask, did you make any css or php file modifications to your theme? Because I have installed this same theme on my test WordPress installations, and there is no wrapping happening.

Balint

For your reference i am posting the style.css of child theme i created now

/*
Theme Name: Delicate Child
Theme URI: https://www.nattywp.com/view-natty-theme.php?theme_id=99900&theme_name=Delicate/
Description: Delicate Child Theme
Author: NattyWP
Author URI: https://www.nattywp.com
Template: delicate
Version: 3.5.5
*/

@import url(“../delicate/style.css”);

/* =Theme customization starts here
————————————————————– */
.top {
width: 100%;
}

#menu {
min-width: inherit;
width: 100%;
}

.topnav li {
padding-left: 15px;
padding-right: 15px;
}

Please see:
https://codex.www.ads-software.com/Forum_Welcome#Posting_Code

You also don’t need to post CSS code – it’s all visible on your site.

Try switching to the unmodified parent theme to see if you have the same problem. If not, start removing parts of your CSS to find the one that’s causing problems.