How do I remove the Logo from the top header of my site?
Hey Charlotte! :)
1- You have following custom CSS code
.avia_textblock iframe {
width: 350px !important;
}
Please remove it
2- Please add following code to Quick CSS
div[data-cf-widget="search-iframe"] {
margin-top: 10px;
}
Cheers!
Yigit
I’ve just updated to Enfold 3.8 and now all my coding in my WPML doesn’t seem to be working. I’ve used the code from your support tread https://kriesi.at/support/topic/remove-language-switcher-flags-in-header/ which has worked fine up til now.
I’ve don’t want the flags to be shown in the menubar and also I only want the inactive language written in letters to be shown in the menubar.
Hi Vinay,
Brilliant! Thank you for pointing out that the image itself had a line and for the code to remove the space on top. Both are now fixed.
Now, can you please help to reduce the space between Layout Elements on just that one page?
And to reduce the space between the image and the text “Compare Long…” inside of the Text Block on just that one page.
[Please see the image in the Private Message that shows my goal]
Ultimately, my goal is to have the bottom of the Contact Form above the fold of a small monitor
Thank you.
sure.
The page shows up fine on desktop but on mobile the post don’t show up until you scroll down.
Hello,
Please check http://www.debierbeleving.nl
On desktop, the logo disappears when scrolling down. On tablet, the logo will NOT disappear. How can I arrange that the logo also disappears on tablet when scrolling down?
Thanks for your help!
Martine
Hi,
A while ago, but still looking for a solution for this issue…
I followed Ismael’s instructions above (#609402 of April 7th) but unfortunately that didn’t work. The top of the tab element is still hidden by the menu. I deleted everything from style.css and functions.php again, but kept the Header > Header Layout > Header Size to custom pixel value at 116px.
Can you try again to login please and have a look? Below new login info.
Thanks a lot and best regards,
Monique
Hello,
I would like to display the text block font in different sizes in mobile and desktop for certain text blocks.
Is it possible to add a code to Custom Css Class field, so it would display differently in the mobile?
Best Regards,
Hi the Enfold Support Team!
http://www.newyorkinspiration.com
Flight Search box on the right hand side
1. The whole width is not visible for some reason
What code shall I add so it is?
2. I want the Flight search box to the align on the top with the Hotel search box.
What code shall I add?
Thanks!
Charlotte
Hey guys,
So somehow I must have done something wrong myself, although I don’t know yet what ;-)
Any way, it works now! Thanks a lot for your help and please flag this topic as solved.
Have a nice day,
Monique
The question is quite simple: can you move the position of the “Header Phone Number / Extra Info” from top to down? In the Enfold menu> Header I can only select whether the text is right or left.
Hey blaircomm,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width:992px) {
.ls-slide.ls-slide-1 {
margin-top: 87.99474px!important;
}
.container.av-logo-container {
height: 210px !important;
}}
Best regards,
Vinay
Hey!
But how do I get the post meta data to show under the title?
1.) There is no element for that so you have to create a shortcode or a new element.
// https://kriesi.at/support/topic/missing-category-info-in-post-meta-infos-using-alb
// https://kriesi.at/support/topic/using-alb-with-custom-post-type-and-meta-information/#post-580144
2.) Please provide a link to the actual post.
3.) Use the “[jetpack-related-posts]” shortcode in the template-builder.php file or add it in the builder’s text or code block.
Regards,
Ismael
I have included a logo (in white -as a .png) in the full screen slider header using html
it works fine and I have used this before on other sites built using enfold. I love the theme – by the way! But on a mobile there is a really huge space at the head of the logo. It sits fine on my desktop… is there anyway to control the padding on mobile device only please?
Hi Rikard, are you saying that you did something to the code of the one we were using? our technical guy said we were using the legal copy and stopped using the other, so why has it expired?
Thanks,
Dominic
Hey!
Did the filter work? What if you have a map widget in the page?
Related thread: https://kriesi.at/support/topic/third-party-google-map-plugin/#post-681515
The filter is basically the same with yours but it will also disable the map widget api.
Regards,
Ismael
Hi – did that initially – see top of thread. No effect
Hey classywebsites,
The line is part of this image in private content. Crop the image on top 2px it should go away.
To remove the space on top Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.page-id-10793 main {
padding-top:0!important;
}
Best regards,
Vinay
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
Thanks for letting us know, please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey!
You should check this list of css media queries for standard devices. https://css-tricks.com/snippets/css/media-queries-for-standard-devices
Or try to replace it with the following code:
@media only screen and (min-width:1600px) {
.show-on-laptop { display: none !important; }
}
@media only screen and (max-width: 1600px) {
.show-on-large-screen { display: none !important; }
}
@media only screen and (max-width: 1200px) {
.show-on-laptop { display: none !important; }
}
@media only screen and (min-width: 1024px) {
.show-on-mobile { display: none !important; }
}
Regards,
Ismael
Hi,
Thanks for the feedback and glad to hear that you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
I am just beginning to develop an Enfold site and have a rough Advanced Layerslider placeholder on the home page. The issue is when it hits the first responsive breakpoint—I get it at around 992px—the menu changes to the mobile menu and the slider image slips up under the top logo section container cutting off about 1/3rd of the image. This seems to happen only on the “tablet” view and not on the “smartphone” view. Unfortunately, that tablet view is very important. Whenoit get narrower as in mobile view, it doesn’t happen.
There is a white space below the top logo that grows inn this view and the logo no longer sits on top of the layerslider, but is seperated with the layerslider going under the white space. The logo should sit on top of the layerslider when going responsive to maintain the layout in tablet view. It looks like the logo/menu area container does not have the same responsive breakpoints as it does not change in depth until the 2nd breakpoint is hit—then it works for mobile and sizes proportionately. I can’t find what this element is in the web inspector.
I tried everything I could think of to prevent it, but could not find a solution. I have included the web adderess and password. Please look at the home page and shrink the window horizontally and you will see the problem.
Is there a solution to this issue?
Can you please help to remove the space and line at the top of one page?
The Layout is set to to “Hide Header on this page” to hide Header and Menus (my menus are custom), but there is still a space and line at the top of one page.
Can you please help to reduce the space between Layout Elements on one page?
My goal is to have the bottom of the Contact Form above the fold of a small monitor
Thank you.
Hi,
Sorry for the delay, to create the google map API visit the google API page (link provided in the documentation )
https://developers.google.com/maps/documentation/javascript/get-api-key#key
1. Click on Get A Key.
2. A popup appears in that select “Create a new project” from the dropdown that appears when you click on “Select or create project” give it a unique name.
2. Click on Enable API.

Or in your google account click on re-generate API key on the top.
Both the options should work just fine.
Best regards,
Vinay
We’ve placed a few lines of custom css in the “general styling” tab, but it only is working for safari. We’re trying to hide certain color sections on mobile devices, and it doesn’t seem to be working, except on Safari. We’ve cleared caches, tried to rewrite the css, but nothing seems to be working.
Website: phaceology.com
Here is the css we’ve entered:
h1, h2 {
text-transform: none !important;
}
#homeslidemobile { display: none !important}
@media only screen and (max-width: 990px) {
#homeslidemobile { display: block !important; }
}
@media only screen and (max-width: 990px) {
#home-slide {
display:none !important;
}
}
.avia-testimonial-content p {
font-size:125% !important;
}
#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(255,255,255,0.6);
}
Hey Luc!
Can you please elaborate on the changes you would like to make?
If i understood you clearly, you can simply go to Appearance > Menus and click “Screen options” on the top right corner and check “CSS classes” and then you can add custom class to the menu items you would not like to display in your hamburger menu (“no-burger” in example) then you can add following code to Quick CSS in Enfold theme options under General Styling tab
#av-burger-menu-ul .no-burger { display: none !important; }
Cheers!
Yigit
Hi!
Exactly ;D
Please add following code to Quick CSS
#top #wrap_all .av-social-link-snapchat:hover a {
background: yellow;
color: white;
}
Cheers!
Yigit
Hi,
I am using a 3 column footer, and the middle widget is empty. When viewing on mobile, there is a large gap between left and right widget, which of course is top and bottom on mobile.
How do I hide this middle widget on mobile so that the gap is not there?
Thanks!
-
This topic was modified 9 years, 5 months ago by
timkeeley.