Delete the X in the Academy Pro Top Banner

[pluzito]

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

[Baz]

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%;
}

[Baz]

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%;
}

[pluzito]

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

[Author]

Posts