TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

March 29, 2024, 06:53:27 AM

Login with username, password and session length
Members
Stats
  • Total Posts: 195,106
  • Total Topics: 21,213
  • Online today: 358
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 0
  • Guests: 176
  • Total: 176

Mobiles

Started by Gaza07, April 26, 2019, 10:22:32 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Gaza07

Quote from: lurkalot on April 27, 2019, 10:20:16 AM
Quote from: @rjen on April 27, 2019, 10:12:10 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.

lurkalot

Quote from: Gaza07 on April 27, 2019, 10:27:43 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.  ;)

@rjen

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 Latest TP on SMF2.1 at: www.fjr-club.nl

Gaza07

Quote from: @rjen on April 27, 2019, 11: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...

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

@rjen

Quote from: Gaza07 on April 27, 2019, 12:28:40 PM
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 Latest TP on SMF2.1 at: www.fjr-club.nl

Gaza07

Quote from: @rjen on April 27, 2019, 12:41:36 PM
Quote from: Gaza07 on April 27, 2019, 12:28:40 PM
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

tino

You can do all you've asked to do with css and hiding blocks and enabling blocks based on media queries.

@rjen

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


@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 Latest TP on SMF2.1 at: www.fjr-club.nl

tino

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.

Gaza07

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