XF2 Style SpaceX 2.2.13.1

[DubSac]

Screenshot 1 is the Home Page with no breadcrumbs.

Screenshot 2 is Forum View with the breadcrumbs which also contains the Hide sidebar and forum width buttons.

 

[BattleKing]

Screenshot 1 is the Home Page with no breadcrumbs.
View attachment 35517

Screenshot 2 is Forum View with the breadcrumbs which also contains the Hide sidebar and forum width buttons.

View attachment 35518

DubSacHm I got it on the first page:

 

[BattleKing]

If you get the following problem

You need to add a widget:

After that it looks like this:

 

[Ave12]

If you get the following problem

View attachment 35522

You need to add a widget:
View attachment 35523

After that it looks like this:
View attachment 35524

BattleKingHow to fix a bug that occurs on the mobile version, the top curtain where the logo twitches when scrolling the forum up and down

 

[APPG]

Hmm, the footer is not showing for me..

After turning on the extrafooter, i.e. these columns, it cuts the bottom..

 

[BattleKing]

Hmm, the footer is not showing for me..

View attachment 35528


After turning on the extrafooter, i.e. these columns, it cuts the bottom..

APPGDid you setup the mentioned widget?

 

[DubSac]

@BattleKing
For some strange reasons that are unknown, with my hoster (NameCheap), I cannot get the breadcrumbs to work on the forum index.
It's the same on both of my sites.
But I know it works as I have tested it on a local install!

Well I decided to go through this style a bit and fix the main 2 issues that has been brought up in this discussion.
The "NEW" icon and the widget footer issues.
For the footer widget I changed it to Newest Members widget so no need to create a widget anymore and the footer works on install!

If anyone is interested I uploaded the style as an installable archive!

Edit (moderator): will update a new version soon with your changes as well. Just want to do some extra checks.

 

[BattleKing]

BattleKing updated SpaceX with a new update entry:

Small update

• Structure for archive import applied
• New properties added to define:
  • Text which will be shown for new messages on nodes
  • Color for this text
  • Background color for this text

View attachment 35566

Footer works only correctly if widget MostReactions is created in the widget section.

Read the rest of this update entry...

 

[jommytonny888]

BattleKing updated SpaceX with a new update entry:

Small update



Read the rest of this update entry...

BattleKingBut light mode mobile mode broken,it does not show sidebar menu icon but try load full page and looks broken

 

[BattleKing]

But light mode mobile mode broken,it does not show sidebar menu icon but try load full page and looks broken

jommytonny888I never tried the mobil modes

 

[mtumbady]

Dark version for this style?

 

[DubSac]

it's built into the style.

 

[jommytonny888]

solution above has fixed my problem.

 

[Ave12]

Maybe it will come in handy for someone, initially in the mobile version of the template there is a bug in the mobile version of the header, when scrolling through the pages, it jumps up and down, I fixed this bug and adapted it for phones.

Replace the original code with mine.

Template name: app_stickynav.less

.p-navSticky {
  z-index: @zIndex-1;

  &.is-sticky {
    z-index: @zIndex-4;
    .m-dropShadow(0, 0, 8px, 3px, 0.3);
  }

  @supports (position: sticky) or (position: -webkit-sticky) {
    & {
      position: -webkit-sticky;
      position: sticky;
      top: 0;

      &.is-sticky-broken,
      &.is-sticky-disabled {
        position: static;
        top: auto;
      }
    }
  }

  @supports (max-width: 767px) {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: @zIndex-4;
    .m-dropShadow(0, 0, 8px, 3px, 0.3);
  }

  @supports (min-width: 768px) and (max-width: 1023px) {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: @zIndex-4;
    .m-dropShadow(0, 0, 8px, 3px, 0.3);
  }
}

 

[originalBugs]

in mobile view menu bar and logo sifted to right side , if there is any solution for this kindly provide me.

 

[Ave12]

in mobile view menu bar and logo sifted to right side , if there is any solution for this kindly provide me.
View attachment 36220

originalBugsI wrote to you in private messages

 

[BattleKing]

I wrote to you in private messages

Ave12Please post it here. Thanks for your help

 

[Ave12]

Good day to all. As practice has shown, my past code did not suit everyone. And there were also bugs with the top navigation on mobile devices. So I found another simple but effective way. This method should 1000% fix top navigation twitching once and for all. this fix is generic. For the old version of the template and the new one.

We tested this fix for errors on 4 sites, everything works as expected!




Add to SpaceXNavbar.less

/* Adaptation for mobile version in PC mode */
@media (max-width: 1000px) {
.p-navgroup-link:first-of-type.p-navgroup-link--whatsnew+.p-navgroup-link {
border-top-left-radius: 4px;
border-left: none;
display: none;
}

.p-nav-scroller {
margin-right: auto;
max-width: 100%;
flex: 1;
text-align: right;
}

.p-sectionLinks, .p-header {
display: none;
}

.p-navSticky.is-sticky .p-nav .p-nav-list .p-navEl.is-selected, .p-navSticky.is-sticky .p-nav .p-account {
border-radius: 55px;
}

.p-header-logo {
position: relative;
vertical-align: middle;
margin-left: -1%;
padding: 30px 0;
}

.p-header-logo a {
color: inherit;
position: relative;
text-decoration: none;
z-index: 1;
}

.p-nav-scroller {
top: -16px;
}

.p-nav-opposite {
position: relative;
top: -16px;
}

.has-js .p-nav .p-nav-menuTrigger {
display: inline-block;
z-index: 2;
}

.p-navgroup-link--whatsnew {
display: none;
}

.has-js .p-nav-opposite .p-navgroup {
top: 15px;
background: #113153;
margin-left: 0;
max-width: 30%
position: relative;
}

.p-header-logo-Slash1 {
display: none;
}
}

Reset the default setting: app_stickynav.less

1. Open https://Your-Site.domain/admin.php?styles/YourStyleName/style-properties/group&group=headerNav

2. Find Sticky navigation element.

3. Check the box next to Primary and sub-navigation rows. Save and enjoy.

 

[Momon]

getting this on my footer
@BattleKing halp

 

[Ave12]

View attachment 36251
getting this on my footer
@BattleKing halp

MomonIf I'm not mistaken, then the solution was somewhere higher, but even if it is not there, then I advise you to use the latest version of xenforo.

This can also happen if your browser automatically translates text into your language.

 

[BattleKing]

View attachment 36251
getting this on my footer
@BattleKing halp

MomonWhich version you have installed?
Did you setup the widget?