Skip to content
Sudonix

Why CSS acts different in Desktop?

Bugs
11 3 2.9k 1
  • Pandaundefined

    Disclaimer, I’m not a CSS fan. But others on this site are more CSS aware, so I ask this general question.
    The Admin side panel on NodeBB vanishes in Desktop mode on mobile. What could be happening to cause that?

    Its an issue Ive raised on NodeBB site a few times now but its one of those topics that has been ignored.
    I thought if I could propose why this is happening, it might help get a fix.
    I dont see why it would be so different. Admin side panel works on Desktop, and on mobile (mobile view), so why not mobile (Desktop view)?

    0
  • Pandaundefined Panda

    Disclaimer, I’m not a CSS fan. But others on this site are more CSS aware, so I ask this general question.
    The Admin side panel on NodeBB vanishes in Desktop mode on mobile. What could be happening to cause that?

    Its an issue Ive raised on NodeBB site a few times now but its one of those topics that has been ignored.
    I thought if I could propose why this is happening, it might help get a fix.
    I dont see why it would be so different. Admin side panel works on Desktop, and on mobile (mobile view), so why not mobile (Desktop view)?

    phenomlabundefined

    @Panda What theme are you using? I’m not familiar with a side panel in the admin console. Can you provide a screenshot?

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    0
  • Pandaundefined

    It happens in all themes, if you go into Admin, then click the top left menu (3 lines button) the side panel extends out but is blank

    Screenshot_20230622_174252_Chrome.jpg

    0
  • Pandaundefined Panda

    It happens in all themes, if you go into Admin, then click the top left menu (3 lines button) the side panel extends out but is blank

    Screenshot_20230622_174252_Chrome.jpg

    phenomlabundefined

    @Panda Sorry - understood now - but why would you want to use Desktop Mode on a mobile ?

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    0
  • phenomlabundefined phenomlab

    @Panda Sorry - understood now - but why would you want to use Desktop Mode on a mobile ?

    Pandaundefined

    @phenomlab
    2 situations-
    i) as my tablet defaults to it
    ii) some things cant be altered in Admin, on mobile in mobile view 😞

    That aside, why should panel be blanks just because of the browser view?
    Its quite an annoying bug, if you ever need to do any admining on the move!

    Out of interest, can you replicate this bug? Im wondering if it happens on iPhones too, I only have Android

    phenomlabundefined 2 Replies
    0
  • Pandaundefined Panda

    @phenomlab
    2 situations-
    i) as my tablet defaults to it
    ii) some things cant be altered in Admin, on mobile in mobile view 😞

    That aside, why should panel be blanks just because of the browser view?
    Its quite an annoying bug, if you ever need to do any admining on the move!

    Out of interest, can you replicate this bug? Im wondering if it happens on iPhones too, I only have Android

    phenomlabundefined

    @Panda You make some good points here - I too often need to make changes on the move, but just “accepted” thaty some things (like widgets) can’t be manipulated on mobile devices.

    WordPress has always been like that incidentally.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    1
  • Pandaundefined Panda

    @phenomlab
    2 situations-
    i) as my tablet defaults to it
    ii) some things cant be altered in Admin, on mobile in mobile view 😞

    That aside, why should panel be blanks just because of the browser view?
    Its quite an annoying bug, if you ever need to do any admining on the move!

    Out of interest, can you replicate this bug? Im wondering if it happens on iPhones too, I only have Android

    phenomlabundefined

    @Panda said in Why CSS acts different in Desktop?:

    Out of interest, can you replicate this bug? Im wondering if it happens on iPhones too, I only have Android

    Yes, I am able to replicate on Android, but on an iPhone, it behaves differently in the sense that you request the desktop site, but it simply defaults to mobile.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    0
  • DownPWundefined

    Yep better to use ACP on Desktop. Not a bug., It is not made to be used on Mobile

    PW and WS Spirit alive

    1
  • DownPWundefined DownPW

    Yep better to use ACP on Desktop. Not a bug., It is not made to be used on Mobile

    phenomlabundefined

    @DownPW it works for the most part, but anything that utilizes drag and drop like widgets is a non starter.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    1
  • DownPWundefined

    Yes sure, in landscape mode, it’s manageable but I think it’s more of a bonus than anything else.

    PW and WS Spirit alive

    1
  • DownPWundefined DownPW

    Yes sure, in landscape mode, it’s manageable but I think it’s more of a bonus than anything else.

    phenomlabundefined

    @DownPW I’d have to agree with that.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    0
Log in to reply

Related Topics
  • cagatayundefined

    Nodebb to Xenforo

    Solved Configure xenforo nodebb
    3
    0 Votes
    3 Posts
    668 Views
    phenomlabundefined
    @cagatay as @downpw stated, there isn’t a native tool that will do this for you. You’d need to either develop your own or ask the nodebb team to assist which will be a paid exercise.
  • abcabc123undefined

    Please help me, I can't install nodebb

    Locked Solved Customisation nodebb
    7
    5 Votes
    7 Posts
    2k Views
    phenomlabundefined
    Installation completed, verified, and tested. Correct installation methodology is below https://docs.nodebb.org/installing/os/ubuntu/
  • crazycellsundefined

    how to hide "moved" badge with CSS?

    Solved Customisation nodebb
    12
    1
    3 Votes
    12 Posts
    3k Views
    phenomlabundefined
    @crazycells ah, I see. That makes sense.
  • ahmedundefined

    nodebb error logs

    Bugs nodebb
    6
    2
    4 Votes
    6 Posts
    2k Views
    ahmedundefined
    I just wanted to ask because I don’t have much knowledge about the new installation. Thank you for the explanatory answer.
  • Pandaundefined

    Can you adjust Admin settings on your NodeBB?

    Bugs nodebb
    5
    0 Votes
    5 Posts
    2k Views
    phenomlabundefined
    @Panda as, yes, now I understand and that makes 100% sense. It means those who get down voted can still have an opinion and use common services. And yes, you’re right. Rather than down vote, just ignore if you don’t agree.
  • cagatayundefined

    Podcast Share NodeBB

    Solved Configure podcast nodebb
    15
    4 Votes
    15 Posts
    4k Views
    phenomlabundefined
    @cagatay You could experiment with nodebb-plugin-ns-embed but I expect the x-origin tag on the remote site to prevent playback.
  • Pandaundefined

    Title on homepage of nodebb forum

    Solved Customisation nodebb
    2
    1 Votes
    2 Posts
    2k Views
    phenomlabundefined
    @eveh Welcome board The code you are referring to is custom written as no such functionality exists under NodeBB. However, adding the functionality is relatively trivial. Below are the required steps Navigate to /admin/appearance/customise#custom-header Add the below code to your header, and save once completed <ol id="mainbanner" class="breadcrumb"><li id="addtext">Your Title Goes Here</li></ol> Navigate to /admin/appearance/customise#custom-js and add the below code, then save $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { // Initialise mainbanner ID, but hide it from view $('#mainbanner').hide(); var pathname = window.location.pathname; if (pathname === "/") { $("#addtext").text("Your Title"); $('#mainbanner').show(); } else {} // If we want to add a title to a sub page, uncomment the below and adjust accordingly //if (pathname === "/yourpath") { //$("#addtext").text("Your Title"); //$('#mainbanner').show(); //} }); }); Navigate to /admin/appearance/customise#custom-css and add the below CSS block .breadcrumb { right: 0; margin-right: auto; text-align: center; background: #0086c4; color: #ffffff; width: 100vw; position: relative; margin-left: -50vw; left: 50%; top: 50px; position: fixed; z-index: 1020; } Note, that you will need to adjust your CSS code to suit your own site / requirements.
  • crazycellsundefined

    CSS codes for fa-info icon

    Solved Customisation nodebb
    9
    1
    6 Votes
    9 Posts
    2k Views
    crazycellsundefined
    I have just figured it out… it can be targeted with text-decoration-color: I was mistakenly using color