Padding / Margin under main menu

  • Author
    Posts
  • #3090

    hsinister
    Participant

    Also, how do I rate your theme in WordPress? Their system seems a little wonky :/

    #3092

    Andrew Misplon
    Keymaster

    Hi hsinister

    Thanks for your support, it’s most appreciated.

    If you don’t yet have a Custom CSS plugin installed, try installing Simple Custom CSS. Go to Appearance > Custom CSS and insert:

    /* Home */
    .home.siteorigin-panels-home .site-content,.page-template-home-panels .site-content {
        padding-top: 0;
    }
    
    .home #content {
        margin-top: -112px;
    }
    
    @media (min-width: 1024px) {
        .home .site-header:not(.fixed) {
            background: transparent;
        }
    
        .site-header:not(.fixed):after {
            box-shadow: none;
        }
    }

    That’ll hopefully sort everything out 🙂

    Thanks for your offer to add a review, you can do so from here: https://wordpress.org/support/view/theme-reviews/ultra#postform. You need to be logged into WordPress.org to do so. There is a login form near the top of the page.

    Let me know how you come along.

    #3095

    hsinister
    Participant

    Hey Andrew, the code helped bring the slider to the top, but it made my top bar go away! I removed the “.home #content” line to do so. There seems to be an error with the “min-width” as it is highlighted together with the “{” after that “1024px)”. Apart from that, the main menu doesn’t become transparent, so I think it’s referencing the wrong item, perhaps.

    #3096

    Andrew Misplon
    Keymaster

    Thanks for your feedback, it can take one or two tries to get these right. Could you perhaps share your site link? That’ll help. There is a Set as private reply checkbox below if you want to keep it private.

    #3097

    hsinister
    Participant
    This reply has been marked as private.
    #3098

    hsinister
    Participant
    This reply has been marked as private.
    #3099

    Andrew Misplon
    Keymaster

    Thanks 🙂

    Try:

    /* Home */
    .home.siteorigin-panels-home .site-content,.page-template-home-panels .site-content {
        padding-top: 0;
    }
    
    .home #content {
        margin-top: -75px;
    }
    
    @media (min-width: 1024px) {
        .home .site-header:not(.fixed) {
            background: transparent;
        }
    
        .site-header:not(.fixed):after {
            box-shadow: none;
        }
    }
    
    .site-header.fixed .main-navigation ul li a,
    .site-header.fixed .main-navigation .menu-search .search-icon:before,
    .site-header.fixed.responsive-menu .menu-toggle,
    .site-header.fixed .main-navigation .menu-search .search-icon:before,
    .site-header.fixed .main-navigation .menu-search .searchform input[name=s] {
        color: #111;
    }

    The last rule changes the menu links to a darker color so you can see them in the fixed header. If you want to keep the sticky header then we’re probably going to need to child theme so that we can try using a dark logo for the sticky header.

    #3114

    hsinister
    Participant
    This reply has been marked as private.
    #3115

    Andrew Misplon
    Keymaster

    Thanks for the update. No problem at all. If you’d like to return to this at any stage or if you’d like help with the video slider or any other slider, please, let me know. I’ll do my best to assist.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

Scroll to top