inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 24, 2018 6:10:07 GMT -8
Did you get this resolved or shall I finish helping as I started? If you want to work with Elli code, tag or quote her for more information if you don’t understand what is going on.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 24, 2018 6:08:15 GMT -8
What is the remaining issue here? What needs to be fixed and what’s not working? The help provided is solid and the codes work on test forums.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 24, 2018 6:02:24 GMT -8
What exactly are you asking for help with? The only way a user can have ad-free on their forum is by paying for it to my knowledge. Also, this is what I see when I go to the url you provided: (see attachment) Attachments:
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 24, 2018 5:56:11 GMT -8
Everyone has had hardships at some point in their life. It could be money issues, death of a loved one, struggling with depression, etc. what are some hardships you have had to face and how did you overcome them?
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Menu
Oct 23, 2018 13:05:56 GMT -8
Post by Teg on Oct 23, 2018 13:05:56 GMT -8
piratedave, each of your other "members" links link to a thread. "Former Members" links to the actual Member's list built into the ProBoards forum software. As far as that page being accessible to all users including visitors, I don't think that is possible. As of late, even on PBS I am unable to do that unless logged in. I could be wrong about this, but I'm pretty sure there's no way to enable something like this.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 23, 2018 12:56:25 GMT -8
First, I'd pay off all my medical bills, and college bills. Then I'd donate a good bit to Shriner's and Children's cancer research. Each of my kids would have a college fund. I'd buy my parents, sisters, and two best friends new vehicles and houses (a couple of them don't have either of those things). I'd have a house built for myself, husband and kids. I'd also get an SUV and my husband a truck.
I'd invest a lot and live off the interest after all of those things are done. ( We bought tickets too...) lol
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 21, 2018 17:14:01 GMT -8
I apologize, but I will be unable to complete this request.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 21, 2018 16:16:43 GMT -8
Where is that at in the CSS? Im not sure It’s at the bottom of your style sheet where you started adding custom css. Find the first instance of #navigation-menu at the bottom of your style sheet where you added custom css and the highlight it, delete it and paste the above
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Boarder
Oct 21, 2018 16:10:57 GMT -8
Post by Teg on Oct 21, 2018 16:10:57 GMT -8
The search tab is chaged but the other 2 are not Make sure the background-color: #COLOR has a ; at the end I forgot that in my initial post but edited it to include it. This is working perfectly where I tested it, so I'm unsure what the issue could be.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 21, 2018 16:08:23 GMT -8
@majoity at the bottom of your css highlight and delete the following: #navigation-menu{top:0;position:fixed;width:87%;opacity:0.6;} .banner-container{position:relative;height:500px;width:100%;} #wrapper{margin-top:50px;} #navigation-menu{width:100%;position:fixed;top:0;z-index:1005; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;} .container>.control-bar{top:31px !important;} #navigation-menu{width:100%;z-index:1;} .sticky{position:fixed;top:0;width:100%;} .sticky+#wrapper{padding-top:102px;}
Replace it with this:
.banner-container { height: 500px; width: 100%; } #wrapper { margin-top: 50px; } #navigation-menu { width: 100%; z-index: 1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .sticky { position: fixed; top: 0; width: 100%; } .sticky + #wrapper { padding-top: 102px; } .container > control-bar { top: 31px!important; } That cleans up the css a bit and makes so you don't have multiple of the same code multiple different options. Let me know how that works for you.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 21, 2018 15:38:36 GMT -8
@majority - Assuming you don't have any custom html added into the actual forum wrapper for navigation go to Admin > Themes > Layout Templates > Forum Wrapper.
Highlight the ENTIRE code you have in the forum wrapper and then hit backspace on your keyboard to delete it.
Then, paste the following code into the Forum Wrapper
<!DOCTYPE HTML> $[tag.html.open] <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title> $[head] <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
</head> <body> {if $[maintenance_mode]} <div class="maintenance-header"> {if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if} </div> {/if} <!-- Gradients ProBoards Theme by Teg --> <header>
<div id="banner-container" role="banner">
<h2 id="banner"> $[forum.title] </h2> </div>
<a id="navigation-skip" href="#content" accesskey="s" class="aria-hidden" title="Skip Navigation">Skip Navigation</a> <a href="#" accesskey="d" title="Open Menu" onclick="proboards.hotkeys.activate(Keys.d); return false;"></a> <div id="navigation-menu" class="ui-helper-clearfix"> <ul role="navigation"> {foreach $[navigation.menu]} <li> <a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}> $[navigation.menu.name] {if $[navigation.menu.notification.total]} <div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;"> <div class="tip-number">$[navigation.menu.notification.total]</div> <span class="tip"></span> </div> {/if} </a> </li> {/foreach} </ul> <p id="welcome"> {if !$[current_user.is_member]} Welcome Guest. {if $[login_link] || $[register_link]} Please $[login_link]{if $[login_link] && $[register_link]} or {/if}$[register_link]. {/if} {else} <span>Welcome $[current_user.name].</span> $[logout_link] {/if} </p> </div> </header>
<div id="wrapper">
$[participated_threads_link]
{if $[navigation.tree]} <div id="navigation-tree"> $[navigation.tree] </div> {/if}
$[header]
<div id="content" role="main"> {if $[notice]} <div class="container"> <div class="title-bar"><h2>$[notice.title]</h2></div> <div class="content pad-all cap-bottom"> $[notice.message] </div> </div> {/if} $[content] $[shoutbox] </div>
$[footer] </div> {if $[is_mobile_browser]} <br /><p class="center mobile-view-prompt">Switch to the $[mobile_switch_link].</p> {/if}
<script> window.onscroll = function() {myFunction()};
/*Variables for sticky header*/ var stickynav = document.getElementById("navigation-menu"); var sticky = stickynav.offsetTop;
function myFunction() { if(window.pageYOffset > sticky) { stickynav.classList.add("sticky"); } else { stickynav.classList.remove("sticky"); } } </script> </body> </html>
Basically this is resetting the forum wrapper but moving the navigation bar and banner to the top of the forum and outside of the actual Wrapper Div which should allow that section to be full width.
Then, in theory, the css i had you add PLUS the JS code included in the above code should make your scrolling sticky nav should work.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 21, 2018 15:08:27 GMT -8
Let me make sure I have this correct @majority, you want the banner and the navbar to be full width of the page but the navigation bar to be under the banner and then fixed to top on Scroll?
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 21, 2018 15:06:43 GMT -8
pitszal Add this to the bottom of your css as well .ui-search .search-input { background-color: #COLOR; } .ui-selectMenu-box { background-color: #COLOR; }
Again, edit the #COLOR with the hex color for the color you wish to use.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 21, 2018 14:58:12 GMT -8
Didn't work it doesn't seem as if anything has changed. Are you using the purple theme, or a different theme. If you're using a different theme, you need to make that the default theme so we can look at the coding.
|
|
inherit
114253
0
Apr 1, 2024 6:38:35 GMT -8
Teg
Can't Wait for V6
3,138
November 2007
teg
|
Post by Teg on Oct 21, 2018 14:55:25 GMT -8
You have a pretty decent amount of time left before beta even comes out and we are able to use them on our own forums. I'd go ahead and code it now then re-code it later. You'll likely be surprised at how easy it'll be to change all the coding.
|
|