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
From the course: Customizing a WordPress Theme from an Adobe XD Prototype
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.