Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1061670
    bluestarmultimedia
    Participant

    On my home page (http://showermanent.bluestarclient.com), I was able to get the Revolution Slider to go up underneath the purple nav bar.

    However I’m having trouble getting the same effect on the inner pages that aren’t using a slider. (http://showermanent.bluestarclient.com/master-mold/) I don’t want to push the whole section up with margins because then the text will go up too much and get hidden under the bar.

    Is this fixable with CSS so that the section can go underneath, but the text isn’t stuck under the nav bar as well? Thanks!

    #1061713
    Joao
    Moderator

    Hi There,

    Your images did not upload, please upload screenshots below 500kb.

    Can you please explain what you are trying to achieve with more details? Maybe the screenshot will be helpful, but on your first page The slider background is white, so its quite hard to use as a reference refering to the other pages you want the effect. Please describe with details and provide screenshots so we can help you achieving it.

    Thanks

    Joao

    #1061788
    bluestarmultimedia
    Participant

    Not sure why my screeenshots were over the file size but hopefully this one works? It’s a mockup I made for the website, and that’s what all of the pages under “Meet the characters” are meant to look like.

    #1061795
    bluestarmultimedia
    Participant

    Sorry about that… this one should work

    #1061934
    Rupok
    Member

    Hi there,

    Thanks for writing back. You can add this under Custom > CSS in the Customizer.

    .page-id-22 .x-main.full {
      margin-top: -170px;
    }
    
    .page-id-22 #x-section-1 {
      padding-top: 230px !important;
    }

    Hope this helps.

    Cheers!

    #1061937
    bluestarmultimedia
    Participant

    This works great.

    Thank you!

    #1062112
    Joao
    Moderator

    Great to hear it.

    Let us know if there is anything else we can help you with.

    Joao

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