Support/Ultra Theme/Padding / Margin under main menu

Padding / Margin under main menu

  • Author
    Posts
  • February 18, 2016 at 10:51 am #3089

    hsinister
    Participant

    Hi Puro! Great theme! I really loved that we could almost get full functionality on it before buying so we know what we’re getting!

    I’m having a small issue with the padding/margin under the main menu. At the moment I am using Meta slider as you suggest, but I would like to use the Site Origin one as it would enable me to make a video slider instead. However, when I do so, I notice there is a small padding of 50px and I do not know what to edit to make sure I don’t mess things up… Could I get some help on this? Also, Is it possible to make the main menu entirely transparent instead and only have it have a colour when I scroll down. This way my slider will get more real estate. Lastly, when I do so, I suppose that there might be a gap from the Site Origin slider to top bar which is actually the header. There is an option for the header to cover the slider, but if I am not using Meta slider, would it still cover the slider? It would be nice if the main menu was transparent and covered my video slider and there was no gap 🙂 Thank you so much for making such a great and well designed theme!

    February 18, 2016 at 10:52 am #3090

    hsinister
    Participant

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

    February 18, 2016 at 6:57 pm #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.

    February 18, 2016 at 7:26 pm #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.

    February 18, 2016 at 7:29 pm #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.

    February 18, 2016 at 7:33 pm #3097

    hsinister
    Participant
    This reply has been marked as private.
    February 18, 2016 at 7:35 pm #3098

    hsinister
    Participant
    This reply has been marked as private.
    February 18, 2016 at 7:53 pm #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.

    February 24, 2016 at 12:50 pm #3114

    hsinister
    Participant
    This reply has been marked as private.
    February 24, 2016 at 12:51 pm #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.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Scroll to top