-
Posts
-
Hi All,
I was able to find some code on the forum which removes the enfold logo from the header. I placed this code in General Styling in Quick CSS:
.logo img {
display: none;
}It removes the logo, but once you resize the windows to a very small size then the logo appears again. Can the logo be removes permanently?
Thanks Josue,
That did the trick. I am very happy with you guys. Amazingly quick with your solutions.
You deserve a big thumbs up!!Enjoy your monday.
CheersBart
Hi Josue,
I don’t know if I should reopen this ticket or just place a reply.
I am puzzling all morning to get it right and it seems I fail.What I would like to achieve:
– remove the logo (regardless whether there is a logo uploaded in the theme options or not) on both pc and mobile phone
– display the site identity
where site title with: – font:mistral; font-size:25px; font-color:white
and tagline with – font:arial; font-size:15px; font-color:redBelow is a copy of the quick CSS in the theme options. As you can see I add first the code you gave me to remove the logo
This code does not only remove the logo, but also the site identity as site title and tagline.
The code between /* =================================================== */
is code where I have been experimenting with code to be able to display the site identitybelow the second /* =================================================== */
is where the rest of the code (including description and source) goesEverything below the second /* =================================================== */ I find irrelevant but I kept it in this post in case I am wrong and it does effects the behaviour of the logo and site identity afterall.
Can you please help me?
Best regards,Bart
/* begin quick css */
/*
verwijderd het logo en site identity
removes both site logo and site identidy
https://kriesi.at/support/topic/remove-enfold-logo-from-header/
*/
.logo {
visibility: hidden !important;
}/* =================================================== */
.logo a {
line-height: 40px;
top: 20px;
font-size: 20px;
}span.subtext {
color: grey;
font-size: 25px;
}span.tagline {
position: absolute;
color: red;
}
/* =====================================================*//*
maakt de achtergrond van de menubalk blauw
makes the background color of the menu bar turn blue
no link available from forum
*/
.header_color .header_bg {
background-size: cover;
}
#header_main_alternate, .bottom_nav_header.social_header .main_menu ul:first-child {
background: #3b5998;
}/*
verwijderd de rand om plaatjes heen
removes the border from pictures containing a hyperlink
https://kriesi.at/support/topic/how-to-remove-the-image-borders/
*/
a img, a:hover img{
border: none !important;
background: transparent !important
}.entry img{
border: none !important;
background: transparent !important
}/*
verwijderd de pijl over een plaatje met een link
removes the overlay on a picture with link
https://kriesi.at/support/topic/how-to-disable-hover-onmouseover-on-images/
*/
.image-overlay {
display: none !important;
}Hi Josue,
Please have a look at http://www.ltena.com
Thanks for your help in advance
Best regards,Bart
Hey!
Try adding this at the very end of your theme / child theme functions.php file:
add_action('avf_logo_final_output', function() { ob_start(); ?> <div class="custom_logo"> <?php echo get_bloginfo( 'name', 'display' ); ?> <small><?php echo get_bloginfo( 'description', 'display' ); ?></small> </div> <?php return ob_get_clean(); });Also, can you please make the theme files editable through the Dashboard? that would make things easier for us.
Cheers!
JosueHi Josue,
Sorry for the late response but I only noticed this shortly.
When adding your code to the functions.php then the menu also disappears when viewing the website on a mobile phone.I changed the rights of the function.php, screenshot.png and the style.css
together with the installation of SC Theme Editor, you should be able to adjust the functions.php as per requested.I hope you can help me out once more.
Cheers,Bart
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) { #advanced_menu_toggle, #advanced_menu_hide { display: block; right: 10px; } }Cheers!
Josuewhat can I do if I want to Unhide or put back the logo or header after I used this:
@media only screen and (max-width: 767px) {
.av-main-nav-wrap {
display: none !important;
}
}.logo > a > img {
max-width: 850px;
}logo > a > img {
max-width: 280px;
}.logo, .logo a, .logo a img {
width: 340px;
height: 129px;
}#top .av_header_transparency.av_alternate_logo_active .logo a > img {
display: none;
}@media only screen and (min-width:768px) {
@media only screen and (min-width:768px) {
#top .logo {
width: 250px;
}#top .av_header_transparency .logo {
height: 150px;
width: 370px;
}#top #header_main > .container,
#top #header_main > .container .main_menu ul:first-child > li > a,
#top #header_main #menu-item-shop .cart_dropdown_link {
height: 75px !important;
line-height: 70px !important;
}#top .av_header_transparency #header_main > .container,
#top .av_header_transparency #header_main > .container .main_menu ul:first-child > li > a,
#top .av_header_transparency #header_main #menu-item-shop .cart_dropdown_link {
height: 130px !important;
line-height: 900px !important;
}
}@media only screen and (max-width:767px) {
.responsive #top .logo {
margin-left: 0;
}.responsive #top .logo img {
max-height: 40px !important;
}
}.header-scrolled .logo img { display: yes; }
.logo img {
padding-top: 17px;
}.avia-button {
font-size: 26px!important;
font-weight: 800!important;
}#advanced_menu_toggle, #advanced_menu_hide { display: none !important; }
I tried deleting the code but doesn’t work it just stay the same nothing happens
- You must be logged in to reply to this topic.