Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1323570
    MacMartino
    Participant

    http://sweetlife.bpr.nu
    I’m trying to build a site, but have several problems. I made more X sites, so I’m a bit confused. I’ll attach what it should look like;
    1) The header NAV stays at the top. But I do not want it to stay there…it should move uop when you scroll, out of sight. How can I fix it? I have another site where it works and tried to copy settings, but still …
    2) I want the header NAV to begin after a few pixels. As we made adjustments to get the logo in the middle (by adding a menu item with a css class), the Customizer doesn’t do the job. So i thought to place a topbar to get the space and leave it empty. I set it on 100% transparant, just like the header NAV. But then below it shows white (?). Just like in the footer area, where it is white. I don’t know if these are within the same solution, but i would like it dark.
    3) The header NAV should be ON the picture/slider. Now it is above it. How can I get the slider to begin at the first pixel, so the transparant header NAV gets on top of it?
    4) I can’t get the slider right. Slider rev has no option to center text (?!) and I can not get it aligned correct for desktop and ipad and mobile. It jumps to all places. Also, You cannot really ‘place’ the buttons. What should be the best option to build this in your opinion?

    I’m sorry to place 4 questions in once ๐Ÿ™

    #1323764
    Paul R
    Moderator

    Hi,

    1. Select Static Top for Navbar Position under Appearance > Customize > Header

    2. Disable topbar then add this in custom css

    
    body.x-navbar-fixed-top-active .x-navbar-wrap {
        height: 120px;
    }
    
    .x-navbar-inner {
        min-height: 120px;
    }
    
    .x-navbar .desktop .x-nav > li > a {
        height: 90px;
        padding-top: 50px;
    }
    
    .x-navbar .desktop .x-nav > li.logo-menu-item > a{
        background-position-y: 20px;
       height:192px;
    }
    

    3. Add this in custom css

    
    .home .masthead {
    position: absolute;
        width: 100%;
    }
    
    

    4. Refer to the link below

    https://www.themepunch.com/revslider-doc/layer-styles-positioning/

    Thanks

    #1323765
    MacMartino
    Participant

    I’ll check it. 1) I already have it at STATIC…

    #1323777
    MacMartino
    Participant

    Maybe, it has to do wit the ‘Additional CSS’ i entered (I don’t know why there’s custom css and additional css now in Cornerstone);

    @media (min-width: 980px) {
    .x-logobar {
    display: none !important;
    visibility: hidden !important;
    }
    .x-navbar .desktop .x-nav > li.logo-menu-item > a {
    text-indent: -99999px;
    text-align: left;
    width: 206px;
    height: 60px;
    background: url(http://sweetlife.bpr.nu/wp-content/uploads/2017/01/Sweetlife_White_logo_355px.png) no-repeat center center;
    background-size: contain;
    }
    }

    #1323807
    MacMartino
    Participant

    Ok, I just reorganised a few things and made the slider just a section with an image. It’s better that way. Check it on the site, Only thing is
    1) The static top doesn’t scroll away
    2) Still, under the last section you see the footer section in white. Where can I change this color? It is not white in my Customizer…
    3) Is there a way to have a fixed width (like 600) for a button?

    #1323848
    Paul R
    Moderator

    Hi,

    1. I can see it is still fixed top. Can you provide us your wordpress admin login in private reply

    2. Add this in custom css

    
    .x-colophon.top {
        background-color:red;
    }
    

    3. Add this in your button element style field.

    
    width:600px;
    

    Thanks

    #1324519
    MacMartino
    Participant
    This reply has been marked as private.
    #1325103
    Paul R
    Moderator

    Hi,

    Custom CSS and Additional CSS are basically the same.

    The only difference is Custom CSS isa feature added by the theme and Additional CSS is a wordpress default feature in version 4.7 up

    With regards to fixed Navbar, I could not checked as your site is currently down at the moment.

    https://www.screencast.com/t/1uRYmBH5A

    I tried to refresh several times but it is still down.

    Thanks

    #1327330
    MacMartino
    Participant

    Nothing down on http://sweetlife.bpr.nu as long as I know. Can you check again? or maybe ad www. to it?

    #1327605
    Nabeel A
    Moderator

    Hi again,

    Your site worked when I accessed http://sweetlife.bpr.nu but as soon as I tried to access http://sweetlife.bpr.nu/wp-admin it went down (see attached) then http://sweetlife.bpr.nu/ was not accessible either.

    Can you please confirm if you’re able to access your admin panel? Thanks

    #1331997
    MacMartino
    Participant

    That’s weird, as I can work on it. And it isn’t locally hosted or so.
    I use sweetlife.bpr.nu/wp-admin

    #1332021
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    โ€“ WordPress Admin username / password

    Donโ€™t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1332355
    MacMartino
    Participant
    This reply has been marked as private.
    #1332516
    Jade
    Moderator

    Hi there,

    I tried logging in and I am getting the same issue as the previous support staff.

    Would you mind confirming if you have any IP restriction that causes the site’s admin access to be inaccessible on our end.

    You may also confirm this with your hosting provider.

    Thank you.

    #1333577
    MacMartino
    Participant

    They ask me what your IP address is to check at the firewall settings…

  • <script> jQuery(function($){ $("#no-reply-1323570 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>