Magento2.3: How to set the border bottom for whole header?

Question

I have a megamenu in header and want to set the border bottom for the whole header and it should be aligned with the megamenu border but its not working as expected.

I have tried that into the following path:

vendor/magento/module-theme/view/frontend/templates/html/header.phtml

My requirement is to put the grey border to whole header and the border should be the same alignment with the border given in megamenu.

Any help will be appreciated!

Answer 1

you can enable template hints, and check it out by yourself. This is how you can know any phtml and blocks. Make sure your website is in developer mode to do this.

Go to Store > Configuration > Advanced > Developer > Debug

Change value to Yes of Enabled Template Path Hints for Storefront

Answer 2

You can try with template hints as Ali said to know from which template it is loading. Or You can directly apply CSS based on the classes as shown in the below screenshot.

Answer 3

Direct editing in the template file is not a good idea.

Please update your current theme CSS file and add the below code in your CSS file.

.page-header { border: 1px solid #000000;}

You can add color code accordingly.