Go ahead and click around to find even more editable parameters. Ultimately, you can update other mobile features in the Elementor Text Editor, including columns, motion effects, attributes, and more. Simply click on the slider button for mobile and your element won’t appear on mobile devices. If you want to hide an element on mobile, no problem! Head to Advanced → Responsive → Hide on Mobile. Remember that the mobile preview will show you what this looks like, so keep doing trial-and-error until it looks great. Simply click on the image element and go to Style → Image → Width or Height.įrom here, check that the screen icon is set to mobile and add new values to the boxes. You can adjust images so that they fit better on mobile, too. Make sure the screen icon is set to mobile and then add the padding numbers for the top, right, bottom, and left as you desire.ĭon’t forget that in this same section, you can also adjust margins. This can be done by going to Advanced → Layout → Padding. If your mobile text and images run right to the edge of the screen, you may want to add some padding. Click on the screen icon and change it to mobile.įrom here, you can update the values in the box for different font sizes on mobile. To update this, go to Style → Typography → Size. Let’s say your mobile text is appearing too small or large on your mobile version. □ TipThere are lots of features you can edit for your mobile version! Whenever you see a screen icon beside a feature, it indicates that you can specify mobile, tablet, and desktop parameters. Now click on the section you want to edit. Once you do, you’ll get a mobile preview of the page. Once here, click on the mobile icon on the upper bar. This will take you directly to the Elementor page builder screen. Once Elementor is activated click on Pages → The page you want to edit → Edit with Elementor. To get started, first add Elementor to WordPress. We’ll go through some key areas to update via Elementor below. The best way to do this is straight from your page builder.Īt Siteefy, we use Elementor and Divi, both make it easy to update the mobile version of your WordPress site. Now you’re ready to make essential changes to your mobile version. Edit Your Mobile Version Using Page Builder ⚡ Check also ➡️ How to Edit WordPress Site? (For Beginners)ģ. □ Tip: Google also reports mobile usability issues in Search Console, so make sure you connect your website to this free tool by Google. Overall, you can edit many of these features straight from your page builder. You may also find mistakes in your viewport, resulting in your page not scaling to the screen size or device width. Errors you may discover with the Google test (or on your own) typically involve design elements.įor example, the content may be wider than the screen, text may be too small to read or clickable elements may be too close together. However, you may be given some areas for improvement. Testing Siteefy with Google Mobile-Friendly Test Toolįor example, when we typed in, we got a positive mobile-friendly result (hooray!). Just type your URL into the bar and click “ Test URL” to get results. In addition, you can use Google’s Mobile-Friendly Test to discover areas for improvement. Start by clicking around and noting parts of the site that look wonky. Now that you have seen the mobile version of your website, it’s time to make a list of areas you want to edit in WordPress. Decide on Key Areas of Your Mobile Version To Edit
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |