XF 1.1 Mobile Theme: How to removed all profile info after 'Share This Page':

[CritiKiL]

Check the pics. After a certain point in the profile for the 'mobile template only', I want to remove all info because it does not show properly when viewing from a mobile device. The info should stay 'in tact' for all other theme views, I just want it removed when viewing from a mobile device in which my forum automatically switches to the mobile view template:



Thanks.

 

[Paul B]

You can use a media query and display:none or add the hiddenResponsiveNarrow class to the element(s).

This guide should help: https://xenforo.com/community/resources/responsive-design.2193/

 

[CritiKiL]

Thanks. I actually found the member_view template and just removed all of what I did not want to show.

 

[CritiKiL]

However, when I did that, I'm not happy with how the area 'floats' to the left and right? I want to make it fill the screen so that there are tight borders? Actually, there is a background image that is wider than the area, so how do I force the area to stay at it's own width or remove that background border image? It appears that the ABOUT area is not making the text 'wrap' and could be why the page does not stay fixed. How do I fix this now? Almost home! lol

 

[CritiKiL]

Oh, I fixed it - In member_view.css I found where the ABOUT coding is and changed the width from 500px to 100% ;-)

 

[CritiKiL]

Actually I still do not have it 'fixed' as it still 'slides around'. How can I make it fixed from side to side?




I have everything how I want it, except how it slides around as shown in the image above:

 

[CritiKiL]

You can use a media query and display:none or add the hiddenResponsiveNarrow class to the element(s).

This guide should help: https://xenforo.com/community/resources/responsive-design.2193/

This won't work because if used, it applies to not only mobile devices but desktop browsers as well. I'm looking for editing just for the mobile-view template to fix this, as my desktop is fine and shows different than the mobile template.

 

[Paul B]

There is no concept of mobile or desktop in XenForo - there is just the responsive flag.

You will need another solution if you just want to target "mobile" devices.

 

[CritiKiL]

Since there is a a mobile theme, can't I just edit one of that themes templates to keep the members profile area with a fixed with?

 

[Paul B]

If that style is only available to mobile devices, yes.

 

[CritiKiL]

Yes it is not available just to mobile devices BUT I have a particular style just for browser-vewing even though a person can 'choose' the mobile-view, it is being used only to auto-detect when someone views from a mobile device.

 

[CritiKiL]

For example, this code worked for the complete forum for mobile-viewin. I need a code and a place to put it, for keeping the 'members profile' area the same way (but by editing ONLY the mobile template): https://xenforo.com/community/threads/page-width-for-mobile-style.33835/

 

[CritiKiL]

Well, once again - I've figured it out! In member_view.css template, I found this code and removed it:

.profilePage .mast
{
    float: left;
    width: @profilePageSidebarWidth;
    padding-right: 10px;
    border-right: 1px solid @primaryLighterStill;
}