Nav footer

User24

i came across https://metabullet.com owned by @[deleted] if i am not wrong. I totally love it and i saw a navigation footer in the mobile view with home, support, etc buttons. how can i have something similar like that ? 🙂

[deleted]

User24 you can get that from metabullet itself. I'll post the details there. I also noticed you subscribed, but your seem to have two accounts. Was that intentional ?

User24

[deleted] Was that intentional ?

i faced login issues.... was not able to sign up or login even after confirming with the email. the login/sign up button persisted... it looked weird so i decided to try again later 🙂 i will check it again now. love your forum 🥰

pupsik

I help 🙂 with permission.

#console-nav-footer {
 background-color:#161616;
 position:fixed;
 bottom:0;
 width:100%;
 height:30px
}
a.feedback-menu-left,
a.feedback-menu-right {
 color:#ffffff !important;
 font-weight:600;
 margin-right:10px;
 text-decoration:none
}
a.feedback-menu-far-right {
 padding-right:10px;
 padding-left:10px;
 text-decoration:none;
 color:#ffffff !important;
 font-weight:600
}
#floatcentre {
 display:none
}
#floatright {
 float:right;
 font-size:80%;
 line-height:2.4
}
#floatleft {
 float:left;
 padding-left:10px;
 font-size:80%;
 line-height:2.4;
 font-weight:600
}
.PollOption .PollBar {
 background:#161616;
 border:none
}
.PollOption-active {
 background:#f05c1d linear-gradient(90deg, #faa00d, #f05c1d) !important
}
.PollOption .PollBar:hover {
 background:#434343
}
@media only screen and (max-width:600px) {
 #console-nav-footer {
  padding:0 20px;
  text-align:center;
  line-height:35px;
  height:35px;
  background-color:#161616;
  position:fixed;
  width:100%;
  bottom:0
 }
 #floatleft,
 #floatright {
  display:none
 }
 #floatcentre {
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  width:450px;
  display:contents
 }
 #floatcentre i {
  margin-left:25px;
  margin-right:25px;
  font-size:18px;
  color:#ffffff
 }
 #floatcentre i {
  margin-left:25px;
  margin-right:25px;
  font-size:18px;
  color:#808080
 }
 a.feedback-menu-left,
 a.feedback-menu-right {
  margin-right:0px
 }
}





<div id="console-nav-footer">
<div id="footer-content">
<div id="floatleft">© 2020-2021 metabullet.com
</div>
<div id="floatcentre">
  <a class="feedback-menu-left" href="https://metabullet.com"><i class="fal fa-home"></i></a>
  <a class="feedback-menu-left" href="https://metabullet.com/?sort=newest"><i class="fal fa-hourglass"></i></a>
  <a class="feedback-menu-left" href="https://metabullet.com/composer"><i class="fal fa-edit"></i></a>
  <a class="feedback-menu-left" href="https://metabullet.com/tags"><i class="fal fa-tags"></i></a><a>
  </a><a class="feedback-menu-left" href="https://metabullet.com/notifications"><i class="fal fa-bell"></i></a><a>
</a></div><a>
</a><div id="floatright"><a>
        </a><a class="feedback-menu-right" target="_blank" href="https://metabullet.com/p/5-terms-of-service">Terms</a>
        <a class="feedback-menu-far-right" target="_blank" href="https://metabullet.com/p/3-privacy-policy">Policies</a>
</div>
</div>
</div>

[deleted]

pupsik thanks. That looks identical to what's running on metabullet 😃

pupsik

[deleted] LOL

If I were you I would eliminate a start conversation icon. Because 1st, its not working, 2nd there is already one in right top corner. Place one like "User Profile" or something else like "Following"

[deleted]

pupsik it's not working because you need to install the direct links extension 🤭

https://extiverse.com/extension/zerosonesfun/direct-links

pupsik

Got ya. I don't need it. But my point stands. About one already being there on top 🙂 Up to you man,

[deleted]

pupsik yes, I know what you mean. Kind of duplicated 👍

[deleted]

User24 ok. Odd. Thanks. Which account will you be using ? Have you tried to clear cache ?

User24

[deleted] Which account will you be using

one with username admiralarjun .... i oauthed the one with username ARJUN but can't login using the oauth again. so i created a new one (admiralarjun) but with that also i cant login. as you said i will try to clear cache and will try again 🙂

[deleted]

User24 which OAUTH did you use ? I need to check that. In the meantime, let me know if you want me to delete the OAUTH account ?

User24

[deleted] Which OAUTH

gmail

[deleted] let me know if you want me to delete the OAUTH account ?

delete both the ones... the ARJUN and admiralarjun (if created)... will sign up freshly or delete the one with ARJUN alone. i will sign up again as @User24

User24

[deleted] i am currently creating a cybersec community [ will be glad to receive suggestions from CISO 😄 ]... flarum seemed to fulfill my wants at the very sight i saw it. From then i never imagined of turning into any other forum managements stuffs. Love flarum and its people 💗

[deleted]

User24 done 👍

[deleted]

User24 happy to help. I'm an infosec expert by trade 😁

User24

[deleted] login issues got solved 🙂 everythings fine now. thank you ^_^

pupsik

@[deleted] Just noticed it, I think it would be best is to hide mobile icons that you have for not logged in users.

Not sure how to accomplish that using css.

[deleted]

pupsik that's easy enough. You'd just need to perform an if statement around if the user is logged in. If not, don't show. If true, then show 😁

pupsik

[deleted] I too Am comedian in a way LOL

Gotta see how the login and Notifications show, But I don't think they use Css, tho.

[deleted]

pupsik not sure I follow. The point here is that you can break the html, perform a script function, and then based on that result, determine if that particular line of html should be included or not if the user is logged in.

Nothing to do with CSS