1

How can I resize the mentioned header/div of my WordPress website? I have already tried it through checking the div name by going into Inspect Element but it is not working. One thing more the size changes and it gets normal when I click on the customize option. Please help me. I have attached a picture

Link for the screenshot of the webpage https://ibb.co/KXVyyML

  • Clear cache after adding the CSS – Latheesh V M Villa Dec 11 '19 at 12:01
  • Okay i will try that and let you know – Abdul Hadi Mulkana Dec 11 '19 at 12:23
  • Always do a Force Refresh after making CSS changes. Ctrl + F5 on PC or Cmd + Shift + R on a Mac. – TomC Dec 12 '19 at 8:20
0

It's not possible to give a solution without a link. In general you would add a max-width value to the div that is your header. For example let's imagine that the following code is your header code:

<div id="header">
    <div id="menuHolder">
        HERE WILL BE OTHER CODES SUCH AS YOUR MENU
    </div>
</div>

Then to make your entire header smaller in width you can use this CSS:

#header {
max-width: 800px;
margin: 0 auto;
}

Or you can apply the same CSS to the inner div such as this:

#menuHolder {
max-width: 800px;
margin: 0 auto;
}

Not the answer you're looking for? Browse other questions tagged or ask your own question.