From the course: Customizing a WordPress Theme from an Adobe XD Prototype

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Designing the homepage: Header for mobile

Designing the homepage: Header for mobile

From the course: Customizing a WordPress Theme from an Adobe XD Prototype

Start my 1-month free trial

Designing the homepage: Header for mobile

- [Instructor] We need to make some adjustments to the home page. Currently the background image is very blurry, the text is not the right size, and all of these icons should still remain in a three-column layout. So I'm going to jump back into Elementor, and let's of ahead and start making augmentations. I'm going to start off by dealing with the icons. I'll go ahead and I will click the pencil icon so that I can edit these elements. The first thing I need to do is I need to switch into the mobile view. So that can be done with any of the areas where you can switch from desktop to mobile. Then it'll give you a preview and you can start to work from here. What I want to do with these small icons is I need to change some of the styles. So let's go to the Style tab and we'll start off by making an adjustment to the size of the icons. So I'm going to go into the Icon tab and we're going to adjust the size. The size…

Contents