Blok dark or white doesn't shows the "post thread" button in mobile.

Cumminator

Well-known member
Registered
Joined
Mar 18, 2021
Messages
98
Points
28

Reputation:

This theme does not show "post thread" button at forum view page for mobile view only. Except that it shows that button in tablets, and pc. Please help.

See there's no post thread button.
Screenshot_20220706-011050_Brave.jpg


Style URL:

https://enxf.net/threads/th-blok-dark.2220/
 

BattleKing

Spirit of darkness
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P Member
Collaborate
Registered
Joined
May 24, 2020
Messages
3,519
Points
523

Reputation:

Quick question, why do you need that button, you can just enter text into the thread title field to create a new post, if you need the extra options to be displayed then this can be displayed if you press on more options.



Blok.png



Solution to show the button as well on mobil:

Open the Blok.less file (of the main style - not child) and comment out the following section:
CSS:
//Write button fix on mobile
/*@media (max-width: @xf-responsiveMedium) {
    a.button.button--icon--write {
        display: none !Important;
    }
}
*/
 

Cumminator

Well-known member
Registered
Joined
Mar 18, 2021
Messages
98
Points
28

Reputation:

Quick question, why do you need that button, you can just enter text into the thread title field to create a new post, if you need the extra options to be displayed then this can be displayed if you press on more options.



View attachment 29629



Solution to show the button as well on mobil:

Open the Blok.less file (of the main style - not child) and comment out the following section:
CSS:
//Write button fix on mobile
/*@media (max-width: @xf-responsiveMedium) {
    a.button.button--icon--write {
        display: none !Important;
    }
}
*/
BattleKingBro its works fine on little bit bigger displays such as above width 650. But for a normal phone with below this width the button disappears. I tried using inspect element and spent whole night till morning to fix that. No results bro.. :(
 

Cumminator

Well-known member
Registered
Joined
Mar 18, 2021
Messages
98
Points
28

Reputation:

Man it was not commented. But I did add the comment and still not showing in my pixel 5
 

BattleKing

Spirit of darkness
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P Member
Collaborate
Registered
Joined
May 24, 2020
Messages
3,519
Points
523

Reputation:

View previous replies…

BattleKing

Spirit of darkness
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P Member
Collaborate
Registered
Joined
May 24, 2020
Messages
3,519
Points
523

Reputation:

CumminatorMaybe you did it in the wrong style, please check again.
I checked it again and on my iphone it works.

I also changed the uix_footer.less file:

CSS:
            &:last-child {
                <xf:if is="property('uix_fab') == 'mobile'">
                    @media (max-width: @xf-responsiveMedium) {
                        display: none !Important;
                    }
            <xf:else />
                display: flex;
            </xf:if>
            }

Blok.png
 

Cumminator

Well-known member
Registered
Joined
Mar 18, 2021
Messages
98
Points
28

Reputation:

Maybe you did it in the wrong style, please check again.
I checked it again and on my iphone it works.

I also changed the uix_footer.less file:

CSS:
            &:last-child {
                <xf:if is="property('uix_fab') == 'mobile'">
                    @media (max-width: @xf-responsiveMedium) {
                        display: none !Important;
                    }
            <xf:else />
                display: flex;
            </xf:if>
            }

View attachment 29631
BattleKingI did inside blok.less file
 

Cumminator

Well-known member
Registered
Joined
Mar 18, 2021
Messages
98
Points
28

Reputation:

I did inside blok.less file. Also i fixed it by changing the max-width: @xf-responsiveMedium to max-width: 400px
 

BattleKing

Spirit of darkness
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P Member
Collaborate
Registered
Joined
May 24, 2020
Messages
3,519
Points
523

Reputation:

Cumminator

Well-known member
Registered
Joined
Mar 18, 2021
Messages
98
Points
28

Reputation:

I did inside blok.less file. Also i fixed it by changing the max-width: @xf-responsiveMedium to max-width: 400px
Cumminator@BattleKing i did this in child and it worked. So in future updating the theme won't affect the work i did on child.
 
Top