From the course: Custom Theme Building with Elementor Pro

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Modifying the header for alternate devices

Modifying the header for alternate devices - WordPress Tutorial

From the course: Custom Theme Building with Elementor Pro

Start my 1-month free trial Buy for my team

Modifying the header for alternate devices

“

- [Instructor] Now that we have our header built out at the large screen, let's go ahead and check it at the smaller screen sizes. I'm going to click the Responsive mode and then we'll switch to the tablet. We're going to want to make some alterations here. As you can see, the hamburger menu is hard to see, and ultimately I'm going to want to swap the position of the hamburger menu and the search bar. In order to do that, I'm going to select the intersection. We'll go to the Advanced tab, and under Responsive, we're going to reverse the columns at Tablet and at Mobile. I'll select the Nav column, and we're going to change the column width to eight. Then we're going to select the Button column and change the width to 22. And finally, we'll select the column for Search. This one is going to be set to 70. I'm going to select the Search icon, we'll go to content, and we're going to have the alignment appear to the right.…

Contents