Jump to content
laurenp

Hiding text from feature image in Mobile view

Recommended Posts

laurenp

Hi There,

 

For my features I have selected "full width background with no text". However when I view the site on a mobile device the feature title appears and overlays the image (see attached). It seems to relate to the responsive view as this happens in any browser when I drag the window in to a narrow format.

 

I am using the latest version of Pagelines Dev and am also running the Event Espresso plugin.

 

How can I ensure this text doesn't display? Closest I've found on the forum is a way to hide the features entirely through CSS but all I really want to take out is the text overlay.

 

Thanks in advance.

post-18014-0-37642600-1371035073_thumb.p

Share this post


Link to post
Share on other sites
laurenp

Worked a treat - thank you! FYI I had to add a !important though to get it to work. So as per below:

 

#feature_slider .fcontent  {
    display: none !important;
}
 

cheers!

Share this post


Link to post
Share on other sites
James B

Glad this worked, thanks for updating.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×