Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 20 Jan 2021, 06:29
DarrenS DarrenS is offline
 
Join Date: Apr 2004
Question Different Style for Mobile?

I see that vB5 has removed the settings for choosing a different style to serve to mobile browsers. I understand that the intention is for styles to be responsive.

However I want to make different style choices in serving the forum to desktop and to mobile users (mostly in the header). In Googling I've seen references to using specific CSS classes to modify mobile in distinct ways within css_additional. So, two questions:

(1) Is there a guide or documentation that explains how to do this?

(2) Are modifications limited to CSS, or are there also conditional tags I can apply to the header template (e.g., so that a block of HTML code only appears on desktop)?

Thanks!
Reply With Quote
  #2  
Old 20 Jan 2021, 19:42
delicjous's Avatar
delicjous delicjous is offline
 
Join Date: Nov 2014
.l-small .yourdiv
And
.l-desktop .yourdiv

Could be used to select your div in desktop or mobile view.
__________________
vBulletin-Forum.de closed!
ⓒ by delicjous
Reply With Quote
  #3  
Old 20 Jan 2021, 23:18
DarrenS DarrenS is offline
 
Join Date: Apr 2004
So I can add this class to any existing class to target one or the other? (Presumably desktop is all default anyway.)

Does it work on ID names as well? E.g.: .l-small #myclass

Edit: Yes it does! Thanks for the tip.

Last edited by DarrenS; 21 Jan 2021 at 01:02.
Reply With Quote
Reply

Similar Threads
Thread Thread Starter Forum Replies Last Post
Forum Display Enhancements DDDSDL - Different Domain, Different Style, Different Language PGP vBulletin 3.7 Add-ons 10 03 Sep 2010 11:35



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 22:55.

Layout Options | Width: Wide Color: