Hi erostad!
You can add this on your custom.css or Quick CSS:
@media only screen and (max-width: 767px) {
.responsive #header .main_menu ul, .responsive #header .main_menu ul {
display: block !important;
position: absolute;
background: none;
top: -100px;
right: 0;
}
.responsive #header .main_menu ul li {
display: none;
}
.responsive #header .main_menu ul li:last-child {
display: block !important;
}
}
Best regards,
Ismael
Hi guys,
I’ve spent the last few hours trying to solve this, and read the forums, but still no luck. I simply want to use some custom css to change the top margin of text inside a colour section.
The way I use colour sections is with no padding, so that images align to the top and bottom edges perfectly, however it means that text is also crammed up against the top. I just want to add 50px of margin above it. I have tried all the options below, but none of them work.
.avia_textblock {top-margin: 50px !important;}
.avia_textblock h1 {top-margin: 50px !important;}
.av_textblock_section {top-margin: 50px !important;}
.av_textblock_section h1 {top-margin: 50px !important;}
section.av_textblock_section {top-margin: 50px !important;}
My site is running local on MAMP, so I can’t share a link, however I hope you can understand my request. Any guidance is appreciated.
Thanks,
G
Correct. When you are at the top of the page I want the main menu to be transparent. When scrolling down I want the main menu background to become white. And it should scroll down with the page as it does by default.
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.title_container .breadcrumb { left: -4px; top: 75%; }
#top .title_container .container { min-height: 70px; }
It will move breadcrumbs to left side under title
Best regards,
Yigit
Hi:
I’m also interested in this topic.
Regards!
Thanks guys. This solved my problem, so this topic can be marked as closed.
Thanks again.
Hi, I’m am wondering how to change the border style of the main menu items for hover and active. I would like to replace the default border style with a 1px blue border on bottom, top, left and right. Also, is it possible to make it square, 65px by 65px similar to the attached image?

many thanks,
Charles
Hi,
When I look at the site in Firefox, I don´t see the JS error on the top of the page, but in Chrome I see it. What can cause this?
I cant see the changes, you have made either in Firefox (I refreshed the cache more times) or in Chrome. I asked somebody to look at the site on his computer, he sees the same like me.
Other problems in Chrome:
1.
the woocommerce basket icon is not visible
2.
in header meta only 2 menu items of the My Account menu is visible, instead of 5 menuitems, I want to show there. (In Firefox all 5 is visible)
Thanks, Best Wishes:
MCGawain
Hi!
Please try flushing browser cache and refresh your page a few times. I made the changes you have asked. There is now an JS error on the top of your page, but it was not there even when i checked your website after loging out
Regards,
Yigit
That did it. Thanks so much!! Amazing support. Education…
Hello, I managed to solve that by using function in Quick CSS:
#learndash_lessons > div {
height: 35px;
}
It is a known issue for LearnDash really.
So the topic may be closed, thanks
Is it possible to somehow include the Ajax search feature within responsive design at the very top of the page? Is there a way this could either be added as a search bar at the very top of the page or at least show the icon in the breadcrumb area?
Thanks
Hi!
Please flush browser cache and refresh your page a few times. It does work on my end http://www.screenr.com/fNJH :)
Best regards,
Yigit
EDIT: I just checked your website and it does work there as well. Please add following code to Quick CSS to remove the white space below header
.fixed_header.social_header #main {
padding-top: 131px;
}
-
This reply was modified 12 years, 3 months ago by
Yigit.
Hey Ismael,
thank you so much. That works now fine in Firefox.
Safari and Chrome show now caption titlles instead of the filenames.
How could I change configuration to:
– suppress caption title
– suppress caption
I already excluded caption and caption title with Quick-CSS:
.avia-slideshow-arrows a::before {background: #000; background: transparent;}
.avia-slideshow .avia-caption .avia-caption-title {display:none !important;}
.avia-caption-content {display:none;}
{.avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content { opacity: 0!important; }}
Kindly regards,
Remo
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .main_menu .menu li a:hover { background-color: #4b475e!important; color: white!important; }
Please flush browser cache and refresh your page a few times after applying the code.
Best regards,
Yigit
Hi victoriaeducacion!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.responsive body { background-color: white; }
tr:first-child td { border-top-style: none; }
td { border-style: none; }
Best regards,
Yigit
hey yigit,
thanks for reply. second question could be solved. (problem was the use of a childtheme) thanks.
the first question now in english: we would like to embed images from a external server (e.g. webcams) to either easyslider or for example with the “normal” image shortcode. it does not seem to be possible because one can only choose uploaded images. any suggestion?
best regards
Hey,
it will be very nice to become an answer how to set the profiles for bbPress like here in the forum, if it is ok for you to support is…
How do you have setup the nice Login-Widget for this forum?
Best regards
Please refer to this support thread.
The header image displays fine in IE8 on WinXP if compatibility mode is turned on.
However, the same thing is not the case for IE8 on Win7.
Instead the logo shows with a smaller height, and hence width.

We are using Respond.js, but it seems that some media query-specific CSS rules in custom.css is being applied at desktop width, to reduce the size of .responsive .logo
I tried re-ordering the media queries in custom.css to make the desktop sized rules be applied last by IE8, but this didn’t work.
How can we fix this?
Hey Antonio!
1) “hijack the threads of other users” means that you posted a new question in a thread although you’re not the thread creator. I normally accept follow up questions based on related issues but in this case (you posted the question here: https://kriesi.at/support/topic/enfold-wpml-wrong-default-pages-for-languages/ ) your question was completely unrelated to the topic and this is imo unfair towards the user who created the original thread because everyone has the right to get a short and specific answer to his question and doesn’t want to read bug reports of other users who experience different issues. That’s why I asked to you create a new thread.
2) It seems like you need to flush the permalink rules. Go to Settings > Permalinks and click the save button. WordPress will then flush the rules and rewrite the htaccess file. If this doesn’t work you maybe need to modify the htaccess file manually: http://codex.wordpress.org/Using_Permalinks
Best regards,
Peter
Hi Devin,
here is the site (TEST) http://test.markwiltshire.com
I have
a) In Enfold Settings, set Pages to have ‘right sidebar’
b) In Widgets, removed all the widgets from the display everywhere, and added widgets to the SideBar Pages area
c) On my page ‘Home’, which is set to be the front page of the site, I have set Layout to have No Sidebar
From previous explanation from support (See #186228), this setting should have no side bar.
I want sidebar on most Pages, just not on the Home page.
thanks
Mark
Hi
I found here
https://kriesi.at/support/topic/new-custom-font/
how to add a custom font.
Now i would like to use another google font, just for the h1 tags.
So i got this google font:
http://www.google.com/fonts#UsePlace:use/Collection:Indie+Flower
Where do i place the code from “3. Add this code to your website:” ?
Thanks for answers
Hey!
Another user: https://kriesi.at/support/topic/avia-layout-builder-not-loading/#post-137892 reported that 5.3.27 FastCGI may cause the issue and a switch to 5.3.27 CGI (Stable) fixed the problems on his server.
Best regards,
Peter
No answer so far? Maybe this topic was overlooked by the amazing support team – so I try again.
This problem really seems to be a theme related issue, as the screenshots above were taken of the enfold demo site. Thanks!
Hi!
Yes – use Codestyling instead: http://wordpress.org/plugins/codestyling-localization/
Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and select “Swedish”. Then click on “Rescan” to fetch all text strings. Afterwards click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).
Cheers!
Peter
Hey!
Add this code to the Quick CSS:
.sub_menu {
right: 165px !important;
}
#top .social_bookmarks li {
float: right !important;
}
Cheers!
Josue
Hey!
Try adding this code instead (replace what you have in Quick CSS):
#header_main .container {
height: 75px !important;
}
#avia-menu li, #avia-menu li a {
height: 75px !important;
line-height: 75px !important;
}
li#menu-item-3512 a {
padding: 5px 10px;
background-color: #0698D9!important;
color: #FFF!important;
height: 30px!important;
line-height: 20px!important;
margin-top: 23px !important;
border-radius: 10px;
}
#main {
padding-top: 106px !important;
}
Regards,
Josue