customization - Resizing of a headerdiv in a website through css in wordpress

admin管理员组

文章数量:1405531

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 5 years ago.

Improve this question

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

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 5 years ago.

Improve this question

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

• customization
• css
• headers

Share Improve this question asked Dec 11, 2019 at 11:37 A HadiA Hadi 1122 bronze badges 3

• Clear cache after adding the CSS – user145078 Commented Dec 11, 2019 at 12:01
• Okay i will try that and let you know – A Hadi Commented Dec 11, 2019 at 12:23
• Always do a Force Refresh after making CSS changes. Ctrl + F5 on PC or Cmd + Shift + R on a Mac. – TomC Commented Dec 12, 2019 at 8:20

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 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;
}

本文标签： customizationResizing of a headerdiv in a website through css in wordpress