Hi,
I’m currently updating a website with this Enfold theme, and am very pleased with how it is turning out. However, I’m trying to create a submenu at the top of my pages that allows user to click, plugin will respond and scroll down to where the id is. However, I can’t get the plugin to work at all; whether in basic text editor, or in Avia Layout Editor.
This is the only plugin I’m trying to use right now.
http://wordpress.org/plugins/page-scroll-to-id/
Site that i’m updating with issue: http://genau.drivott.com/results/
Current site in operation, with scroll-to-id working: http://drivott.com/results/#sustain
I could tell there are many issues with plugins in general, but none regarding this specific one.
Thanks for any help!
saw from an admin that its just a typo error, everything should be up to date.
https://kriesi.at/support/topic/cant-edit-text-in-advanced-layout-editor#post-112478
Thanks
Hi,
Add this to the bottom of your CSS please
#top .size-medium.aligncenter {
margin: 0 auto;
text-align: center;
}
#top .image-overlay .image-overlay-inside {
height: 225px;
width: 300px;
}
.size-medium img {
margin-top: 0px !important;
margin-bottom: 5px !important;
}
Thanks,
Nick
Hi,
is there a way to force the products and categories thumbnails to get the same size? Ideally, they should be automatically stretched or shrinked to the correct height (or width?) so they are all well aligned in the products catalog.
I tried the following code in the quick css
#top.archive .thumbnail_container {
min-height: 180px;
max-height: 180px;
}
The images are well aligned, but it seems the images are cropped.
Thanks,
Thomas
thanks, thats quite a pain can you not have it set to display the newest at the top?
Hey, I dunno if this is a proper fix, but I just added this line of css to the “Quick CSS” Box (Which can be found under Enfold Theme Options/Styling) —
#top #menu-item-search.menu-item-search-dropdown>a {display:none;}
— hope this helps :)
hI,
how can i remove the search icon from the top menu ?
thanks
Hi Christophe999s,
If you add another > it will only target the first level of links. So:
.main_menu ul:first-child > li > a {
line-height: 170px!important;
}
Regards,
Devin
1.) For 1 , I managed to solve it using this code >
.header_color .sub_menu > ul > li > a, .header_color .sub_menu > div > ul > li > a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a {
color: #ffffff;
}
<<<<< not sure if the other elements are complete necessary. I just want the links to be white, and blue if hover or being selected.
3.) .avia-menu-fx {
bottom: 10px;
height: 0px;
}
< I managed to change it but when you scroll down for example, the navigation decreases in height and the arrow is inline with the links, how do i solve this?
Hi guys , just finished my new logo for http://www.blue2x.com. The static front page and other areas are not yet done but it’s going to be easy because of the nifty features of enfold.
1.) I edited the header in the enfold theme options. And the links in the navigation are still colored blue green or color: #228080; I changed the primary color but it doesn’t work.
Should i use quick css for this ?
#top .header_color .sub_menu li ul a {
color: #228080;
} <<< changed the color but still it doesn’t work
2.) I uploaded a custom background image for the header. What is the ideal dimensions for this ? I just want to use a gradient and to be repeated.
Tried a 1 width 88 height gradient but it won’t show.
3.) I want the arrow in the navigation to move up a bit like 10 to 20 pixels up, what’s the css code for this?
Hi,
Please click Screen Options. Which is that tab on the right top side of the page with the editor. See if the Avia Layout Builder has the checkbox checked .
I rebuild everything 5 times before checking there and noticed somehow the checkbox for Layout Builder unchecked itself for no reason.
http://www.clipular.com/c?6460068=BQA7t6m-VFC7ZT_dATa08SP3D7w&f=.png (top of image)
Also , please try using Google Chrome .
Thanks,
Nick
Hi All,
There is definitely an issue with the Text editor when using the Advanced Layout Editor. What that is, we don’t know for certain yet but the more details we can get the better.
If you can create a temporary admin for me to login and look at a page that is having the issue live that would be helpful as well.
You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)
@ wolfross – All refunds are handled through Envato on Themeforest. I’m not sure what would be causing that kind of issue on your install. I’ve yet to run into something that extreme and even when doing the hundreds of tests on my live test install I’ve not had those issues.
Regards,
Devin
Hi again Nick,
Just tried out both pieces of CSS and the line is now removed from the responsive slide out menu. Thats question ‘b’ sorted….great!
As for question ‘a’, well, im glad you get what im trying to achieve and its almost there. The line goes across the menu perfectly and ive positioned it at the top. However, two things are happening.
a1) I need the long 1px grey line to sit on a layer behind the 2px thick short line. currently, its on a layer above it.
a2) as nice as this line is, its doesn’t scale (or shorten) properly when the responsive menu appears. It just stays at the top and doesn’t scale any further.
Can I just say, to you and the others Nick… you are by far the most supportive post sales service ive ever had dealings with. You’ve actually made me excited to get this site looking exactly as I want it without expecting me to learn everything myself. Gradually, I’ve learnt more and more and its a great experience. Thank you
I have noticed a problem with the logo when viewing the site at a mobile size, when using the new menu, instead of the older dropdown menu. The main top logo shifts to the far right and goes off the screen, and disappears under the menu button. You can see this at http://goo.gl/hrk0c The logo is fine when using the old drop down menu, it is just the new menu that is the problem.
Hi,
a) That line is the top border of the main content block and it cant be moved without moving the entire content area. You can see what I mean here, http://goo.gl/BCmSy.
I am not sure if this can be easily done where you want it. You can try something like this. Play with the 40px, and try it as 40% (well some percent)..
#top .main_menu {
height: 40px;
border-bottom-color: rgb(0, 0, 0) !important;
border-bottom-width: 1px;
border-bottom-style: solid !important;
}
b) add this css to get rid of the line in mobile menu
@media only screen and (max-width: 767px) {
#top .avia-menu-fx {
border-width: 0px !important;
}}
bb) need to see the code.
Thanks,
Nick
Hi,
Please look in this forum, there are a number of posts with code that customizes the entire menu almost. For example try adding this entire block https://kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059 to your custom.css file
Thanks,
Nick
Hi,
Please take out the css I gave before
#top .logo img {
width: 200px;
height: 100px !important;
}
#header_main .container, .main_menu ul:first-child > li a {
height: 100px!important;
line-height: 100px!important;
}
Instead resize your logo 156×88
Thanks,
Nick
Hi there,
Talking of menu customization. in the image I supplied:
http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&f=eb6d72c77f6f72f1ab09eaf9b55d3d7c
Menu questions:
a) Can I put the social media icons over to the right above the menu. Possible?
b) Can I control the colours of the social media icons, if I have to have the very top bar (after ive moved icons to the right), can I make it same color as my main menu thus making it appear as part of that menu?
b) I would like to allow it to be a fixed menu (and remain always at the top) but the ‘line’ over the menu doesnt move with the menu when stretching and the padding beneath the menu and logo is reduced too far so the slider overlaps the menu. How can I fix/increase the padding/bottom margin?
Hi,
Ahh just css to add to custom.css , before i thought you posted a chunk of css from one of the template files. Nice customization to menu , looks good. Try this please
#top .avia-menu-fx {
top: 40% !important;
}
‘The small size menu no longer has that line strike through each menu word.
Thanks,
Nick
Erm, did you read the topic?
There is no need to point to an URL because I didn’t touch any CSS or code. But for the sake of freedom you may have a look here:
http://kriesi.at/themedemo/?theme=enfold
Seems there’s no 3rd level page so you may have to create one by yourself. Doesn’t even matter – I found the error, turned the sidebar nav off and used my own plugin.
Hi,
Just add this on your custom.css
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar {display:block !important; }
}
Sorry if you feel that way on the Enfold theme.
Cheers,
Ismael
Hi,
@gigoz: The top above is for the top header only so you’re doing nothing wrong.
What do you mean by changing the entire menu? What kind of change? Please be specific.
Regards,
Ismael
Hi,
Add this on your custom.css to control the field width.
#top input[type="text"] {
width: 150px;
}
Max width is 210px.
Regards,
Ismael
Hi,
I’m sorry but I don’t understand your problem. When I click on the “Mood” menu, it takes me to the archive page for Humor category. If this is not what you want, maybe you can change this on Appearance > Menu. If you want to make a post sticky and always on the top, edit the post, look for Visibility: then make the post stick to the frontpage.
Regards,
Ismael
I just bought the theme and I clicked on Enfold>Styling and then selected a predefined color scheme (Splash Orange) but when I view a page, the whole background of the page is BLACK. For example, look at: http://blackinventor.com/george-carruthers/
I want white for the main content, but no matter which predefined color scheme I select, it stays black. I have tried it in Chrome, and Safari , on a laptop and an IPAD 3.
Help please. I’m using WordPress 3.5.1.
Mark
I’m having the following issue with tables in mobile: the first header of the table disappear when you see it in a mobile device, or even if you just change the width of the browser to force the responsive transformation. See example in: http://imgur.com/a/f5Xuh
The top image is how it looks in mobile devices, the second one is how it looks in the normal browser window. If you look closely, you will see that the header text for the first column (contest date) disappear in the mobile version, and gets replaced by the next header, so, the last column don’t show any header.
Thanks for replying :) …
So I got rid of all the other css except the one you mentioned, and the header resized my logo to a small logo (not 116 height)…
I’m a total beginner, so looking at the css of that other guys website is kinda crazy! I just know from searching the Enfold forum that a couple other people have asked how to make their logo bigger and they were given some custom css. The following link is for a guy who wanted his logo wider:
https://kriesi.at/support/topic/what-do-i-need-to-adjust-to-make-my-logo-bigger
And this link is a thread from the guy who owns the website I used as an example above:
https://kriesi.at/support/topic/problem-with-header-logo-and-menu
I tried using the padding css that you mentioned and then adding the “logo size” css:
.logo, .logo a, .logo a img {
width: 232px;
height: 116px;
}
And what happens is that I get the size logo I want, but it drops down out of the header. However, for now I took out the “logo size” css so that you could check out how it has resized my logo to a small logo…
I think this is a bug I ran into as well. Check out this thread: kriesi.at/support/topic/14-upgrade-a-bit-wonky#post-108757
This will probably be fixed in the next update. If necessary, I could supply further details on the fix.
Cheers,
Sander