News: TinyPortal Release Schedule. Please read this update for More Info.

Login  |  Register
HTML5 Icon HTML5 Icon
TP on Social Media
Welcome, Guest. Please login or register.
Did you miss your activation email?

October 18, 2019, 08:09:02 AM

Login with username, password and session length

Recent

Members
  • Total Members: 3756
  • Latest: Ocean
Stats
  • Total Posts: 189090
  • Total Topics: 20764
  • Online Today: 73
  • Online Ever: 629
  • (November 08, 2018, 01:36:54 PM)
Users Online
Users: 0
Guests: 52
Total: 52

Author Topic: Mobiles  (Read 863 times)

0 Members and 1 Guest are viewing this topic.

Offline Gaza07

  • Jr. Member
  • **
  • Posts: 10
Re: Mobiles
« Reply #10 on: April 27, 2019, 03:27:43 AM »
What do you mean with ‘spoiled front page’?
I think you may have chosen a less suitable Frontpage layout for your site...

Can you post a link to the site in question?

If I'm right its this one, https://www.multi-rotor.co.uk/index.php

Showing forum on frontpage instead of a Home - forum setup.

Yes thats one of my sites its not showing the forum on the front page its shows a recent posts bloc in the centre and other blocs around it.

Offline lurkalot

  • Administrator
  • *
  • Posts: 6291
    • Camera Craniums
Re: Mobiles
« Reply #11 on: April 27, 2019, 03:32:03 AM »

Yes thats one of my sites its not showing the forum on the front page its shows a recent posts bloc in the centre and other blocs around it.

Oops, sorry yes I should have noticed that.  Not used to seeing it set that way, so that threw me a bit.  ;)

Offline @rjen

  • Support Team
  • *
  • Posts: 1868
    • FJR-club Nederland
Re: Mobiles
« Reply #12 on: April 27, 2019, 04:26:29 AM »
Looking at the site, what is it you would find 'ideal' on a mobile screen?

Suppress the side panels completely?
Or just leave some blocks in place?

The side panels will always be forced down: that is the whole point of the responsive layout at the moment...

You could apply one or two css tweaks that will allow to suppress some blocks on narrow screens...
Running TP1.6.4 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline Gaza07

  • Jr. Member
  • **
  • Posts: 10
Re: Mobiles
« Reply #13 on: April 27, 2019, 05:28:40 AM »
Looking at the site, what is it you would find 'ideal' on a mobile screen?

Suppress the side panels completely?
Or just leave some blocks in place?

The side panels will always be forced down: that is the whole point of the responsive layout at the moment...

You could apply one or two css tweaks that will allow to suppress some blocks on narrow screens...

I would prefer to turn all the side blocks off and add a centre shout box that only showed on mobiles.

Offline @rjen

  • Support Team
  • *
  • Posts: 1868
    • FJR-club Nederland
Re: Mobiles
« Reply #14 on: April 27, 2019, 05:41:36 AM »
I would prefer to turn all the side blocks off and add a centre shout box that only showed on mobiles.

Also the side blocks in the forum section?

Running TP1.6.4 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline Gaza07

  • Jr. Member
  • **
  • Posts: 10
Re: Mobiles
« Reply #15 on: April 27, 2019, 06:15:57 AM »
I would prefer to turn all the side blocks off and add a centre shout box that only showed on mobiles.

Also the side blocks in the forum section?

Yea  find any extra width other than the centre block makes things to small to use  O0

Offline tino

  • Developer
  • *
  • Posts: 1673
Re: Mobiles
« Reply #16 on: April 27, 2019, 10:13:09 AM »
You can do all you’ve asked to do with css and hiding blocks and enabling blocks based on media queries.

Offline @rjen

  • Support Team
  • *
  • Posts: 1868
    • FJR-club Nederland
Re: Mobiles
« Reply #17 on: April 27, 2019, 12:20:57 PM »
To do what you described...

step 1: add a shoutbox block to the top panel to show on the frontpage only.

step 2: add below codes to the END of the tp-style.css file

Code: [Select]
@media all and (max-width: 900px) {
#tpleftbarContainer, #tprightbarContainer {
display: none!important;
}
}
@media all and (min-width: 901px) {
#tptopbarHeader > #block_tpmodulebox {
display: none;
}
}

This will suppress the sidebars under 900 px wide and the top block with the shoutbox will only show up on screen sizes wider than 900 px...

NOTE: the shoutbox itself does not allow the post button to be used when two shoutbox blocks are used on one page. This means you cannot post in the top shoutbox if you leave it in a side block too... (even when suppressed by css)
Running TP1.6.4 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline tino

  • Developer
  • *
  • Posts: 1673
Re: Mobiles
« Reply #18 on: April 27, 2019, 03:53:49 PM »
You could add that to a php block which is on the page somewhere instead of editing tp-style.css if you add it to the global context template which smf has.

Offline Gaza07

  • Jr. Member
  • **
  • Posts: 10
Re: Mobiles
« Reply #19 on: April 27, 2019, 11:16:36 PM »
Thank you @rjen ive added the code you supplied to the end of the tp-style.css and it has worked perfectly, I didnt add another shout box as I didnt really see the point if it doesnt work  O0