How can I center Site Logo on Mobile view?

General Discussion

Suggested Topics


  • 1 Votes
    2 Posts
    238 Views

    You could do some CSS based overrides.

    This is something I use in my custom css on the admin panel, it looks to see if you are either in a category or topic of a certain category, in this instance the "Red vs Blue Discussion" category (but using the slug)

    body[class*=page-category-red-vs-blue-discussion], body[class*=page-topic-category-red-vs-blue-discussion] { background-image: url(/assets/uploads/system/rvb-bg.jpg) !important; .navbar-default { border-bottom: 3px #dd0000 solid; border-image: linear-gradient(to right, red, blue); border-image-slice: 1; } .btn-primary, .btn-info { color: #fff; background-color: #dd0000; border-color: #dd1111; } .btn-primary:hover { color: #fff; background-color: #bb0000; border-color: #bb1111; } .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #bb0000; border-color: #bb1111; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #000; background-color: #bb0000; } .composer .mobile-navbar { background-color: #dd0000; } }

    Examples of the overrides can be seen here:
    Normal: https://saesrpg.uk/categories
    Override: https://saesrpg.uk/category/25/red-vs-blue-discussion

  • 0 Votes
    2 Posts
    202 Views

    @kratos97 Just FYI, we can't see the errors you mentioned in your post. Perhaps it wasn't attached?

  • 0 Votes
    3 Posts
    1k Views

    I think you need change theme templates, this file: node_modules/nodebb-theme-persona/templates/header.tpl

    But you need realize, in this case updates to new versions may be more painfull.

  • 0 Votes
    6 Posts
    2k Views

    @a_5mith

    thanks, I will trying it

  • 0 Votes
    4 Posts
    1k Views

    @Kamal-Patel

    Might be better if you create a new topic under the Feature Request category and optional create an issue on GitHub.