Jump to content


Photo
- - - - -

Disable Box set on page when viewed on iPhone?

Box set iPhone

Best Answer Danny , 25 March 2013 - 10:00 AM

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 { }

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 brenb

brenb

    Advocate

  • Members

  • 304 posts
  • Country: Country Flag

Posted 24 March 2013 - 05:32 PM

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

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 24 March 2013 - 05:38 PM

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.



#3 brenb

brenb

    Advocate

  • Members

  • 304 posts
  • Country: Country Flag

Posted 24 March 2013 - 05:44 PM

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

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 24 March 2013 - 06:01 PM

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



#5 brenb

brenb

    Advocate

  • Members

  • 304 posts
  • Country: Country Flag

Posted 25 March 2013 - 09:40 AM

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?



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15163 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 March 2013 - 10:00 AM   Best Answer

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 { }