Archived

This topic is now archived and is closed to further replies.

  • 0

Disable Box set on page when viewed on iPhone?


Question

Posted · Report post

Hi

I'm looking for a way to disable a box set on a page when viewed on an iPhone/android or t give a page a different box set when viewed on same.

Thanks

Bren

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Hi,

 

If  you wish to remove all boxes, then instead of targeting each box, you can target the box section instead. Use the following code:

 

.iphone .section-boxes.clone_12 { }

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Bren,

 

I think the solution here is our Browser Specific CSS plugin, found at Dashboard > PageLines > Store > Plugins > Top Free.

 

If you use Firebug for Firefox or Chrome's Inspection Tool, you'll find the CSS for boxes.  Simply set the boxes to display: none; in the iOs CSS.  That way, when the boxes appear on a computer, they wouldn't appear on an iPhone or iPad.

 

I hope this helps.

Share this post


Link to post
Share on other sites

Posted · Report post

I think I have that plugin. Do you know if that will disable all boxes on site or can I use the identifiers on the box set on the specific page to just disable them? Sure I can try it and see, and report back thanks

Share this post


Link to post
Share on other sites

Posted · Report post

Each box or box set has a unique identifier. Use those, making sure only those particular boxes or sets are hidden.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Rob,

 

so I can find the unique identifier for each box using but not for the box-set.

 

see: www.iloveoffset.com/schedule

 

so when i try this css:

 

.iphone #fbox_7999, #fbox_7997, #fbox_7995, #fbox_7993 {
    display: none;
}

 

it works but I have 44 boxes in this set, will I have to list them all?

Share this post


Link to post
Share on other sites