Forum Replies Created

  • This reply has been marked as private.
    This reply has been marked as private.
    This reply has been marked as private.
    This reply has been marked as private.
    This reply has been marked as private.

    Unfortunately no change. I even deleted the entire snippet of this “navbar-default” CSS without a change which led to believe that the behavior is being driven from some other code element.

    My default browser is FF 51.0.1, but I also tried it in Chrome 56.0.2924.87 without a change.

    I see that the navigation element sits inside the “navbar-header” div but I cannot find any related CSS for it in style.css. I turned on FF’s debugger and though it identified a good number of errors I could find nothing associated with the header/navbar that could cause a problem.

    I did find a inline style sheet, dynamic.css, with the following code snippet and wondered if this was overriding style.css – here the piece I’m referring to:

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
    }

    and a few lines below this there is:

    .navbar-default {
    background-color:#ffffff;
    }

    Could this be controlling the behavior of the header?

    You’re help is greatly appreciated Hans!

    Hans – that worked! But… now with the slider tucked underneath the header transparency is not working. The Integral Options/General Settings/Colors/Header Background Color is definitely checked to be transparent. And .navbar-default {box-shadow: none;} has been added to the CSS.

    I opened the editor and starting looking as the CSS file – is this the relevant CSS?:

    .navbar-default {
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    height: auto;
    width: 100%;
    z-index: 1000;
    }

    It doesn’t seem so because I tried changing the rgba parameters and they had no effect. Where should I be looking.

    What I’m seeing is a plain white header with no transparency.

    Thanks for your on-going support on this!

    Hans – I cautiously tried some tweaks to the CSS for Master Slider and the Header, but have yet to find a trigger that works. I’ve removed the padding in the Master Slider container so now the slider lies directly beneath the header. Could it have something to do with “absolute” placement?

    Cheers

    Accomplished and saved, but the Master Slider hasn’t made its way to the top of the page. Assuming that the transparency setting is working, the slider seems to be inside a <div> that’s pinned beneath the header… it’s not floating to the top of the page.

    On the Welcome Page I have 0 top, bottom padding. The Enable Image Slider and Set slider as background are both “on” and Master Slider is set to full width.

    Many thanks, Hans

    Yes, tried the /#about and that didn’t work – returned a fatal error.

    Tried several variants of the internal URL without success as well.

    Will give #about a try, but if that doesn’t work we’ll just build the menu and wait to host the site is on the remote server – quite sure it will work with the /#about tags when hosted.

    Appreciate your prompt help with this!