Search for answers:
Customer Notices: WordPress 4.5 Affects LiveEditor Functionality - See this article WordFence Plugin Affects LiveEditor - See this article

Remove Row Background Image on Mobile

This guide will show you how to remove a row background image on mobile, and allow you to specify a background colour instead.

 

Smallest Screen Size (Mobile phones only)

Specify a custom CSS class for your row

To switch the background image off on mobile phones, you first need to specify a custom CSS Class for your row.  To do this, click the gear icon when hovering over the row to access the row options.

Enter a name for your custom CSS class as shown below:

 

In this example i have named my CSS class "bg-change".  You will need this custom class in a moment

Add CSS to hide the Row and replace with colour

Next, go to Page Settings > Other Scripts > Custom CSS and add this code:

@media only screen and (max-width: 479px) {
.bg-change{background-image:none !important;background-color:#222222 !important;}
}

You will need to change the "bg-change" part with your custom row class name (ensure you still keep the dot/period before the name)

Now you need to specify the colour you want to replace the image with on mobile.  Replace the #222222 with the hex colour code you want to use

You can find a hex colour picker here:http://www.w3schools.com/tags/ref_colorpicker.asp

 

Didn't find an answer to your question? Contact Our Support Team (Submit a ticket)
Was this article helpful?
0 out of 0 found this helpful
Follow

Comments

Other Help Categories:

Get Started Guide

Watch our Ultimate Getting Started guide video

Pre-Sales Questions

Ask questions before purchasing our products

Login Problems

If you're having issues logging into our members hub

Accounts & Billing

Update your billing, request a refund and other accounts help

API Key Issues

Get help with licensing your site and API key issues

Membership Help

Get help creating Membership portals and courses

LiveEditor Help

If you need help using or troubleshooting the LiveEditor

Integrations

Find out about the many integrations possible with OptimizePress

Affiliate Questions

Have questions about promoting OptimizePress

Clubhouse Questions

Questions about our Clubhouse Membership Subscription