Responsive Adjustment

Hey there, is there a way to adjust the header items or hide them based on screen width? Like in the attached image to hide the “appliances, bath, kitchen” menu when the screen reaches a certain width.. as well as hiding the business hours when the screen reaches a certain width?

Attachments:

You must be logged in to view attached files.

Hello,

Yes, you can definitely adjust or hide specific header elements based on screen width using custom CSS. For example, to hide the “Appliances, Bath, Kitchen” menu and the business hours section at certain breakpoints, we can target them with media queries.

Could you please let me know the exact screen width (in pixels) at which you’d like those elements to disappear? Also, if possible, please share a screenshot with element highlights and share the page URL so I can check and give you a possible solution.

Best Regards,

[Author]

Posts