• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Delete the X in the Academy Pro Top Banner

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Delete the X in the Academy Pro Top Banner

This topic is: resolved

Tagged: academy pro, how to, js code, top banner

  • This topic has 3 replies, 2 voices, and was last updated 3 years, 1 month ago by pluzito.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 10, 2020 at 9:37 am #496615
    pluzito
    Participant

    Good morning everyone, greetings from South America, I'm very happy using the Academy Pro theme, you can check the site at Genesin.biz

    I want to delete the X at the right corner of the Top Banner, the one used to close the banner (I want to have the banner showing all the time). I could hide it, but it stills occupies some space, and I would prefer to have all the text centered, specially on mobile devices.

    I found the code at js/top-banner.js and I guess the following part is the one to be edited, but I couldn't figure out how to do it. Any help? Thanks in advance for everything, have everybody a wonderful week!

    function showBanner() {
    $( '.academy-top-banner' ).fadeIn(function() {
    $(this).children('#academy-top-banner-close').animate({
    opacity: 0
    }, 1000);

    bannerheight = $( '.academy-top-banner' ).outerHeight();
    scrolltop = $( window ).scrollTop();

    if( scrolltop > bannerheight ) {
    $( '.admin-bar' ).css({ "top" : "22px" });
    }

    });
    }

    https://genesin.biz
    February 10, 2020 at 3:06 pm #496623
    Baz
    Participant

    Add this towards the end of style.css to hide the 'X', or edit the existing "#start-top-banner-close" line:

    #start-top-banner-close {
    	display: none;
    }

    You can then adjust/delete the padding to center align the banner text e.g.

    @media only screen and (max-width: 860px)
    .start-top-banner {
        padding: 20px 80px 20px 5%;
    }
    February 10, 2020 at 3:20 pm #496624
    Baz
    Participant

    Apologies, that code was from a customized theme. Replace 'start' with 'academy' for the original theme.

    line: 2432

    #academy-top-banner-close {
    	display: none;
    }

    line: 2906

    @media only screen and (max-width: 860px)
    .academy-top-banner {
        padding: 20px 80px 20px 5%;
    }
    February 11, 2020 at 8:24 am #496644
    pluzito
    Participant

    Wow! It worked perfect, thank you very much, have a wonderful week!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Delete the X in the Academy Pro Top Banner’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble