Hi,
Try with this:
#top .social_bookmarks li.social_bookmarks_ResearchGate a {
font-size: 28px;
}
Best regards,
Josue
Hi there,
How can I invert the social media icons in the menu in the top right corner?
I would like to see the blue facebook icon by default and make it neutral on hover, in order to make it more recognizable by default.
So it has to work in the opposite way, if possible.
Thank you!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.logo {
top: 15%;
}
.avia-menu.av-main-nav-wrap {
top: 25%;
}
Best regards,
Jordan
I have decided to forgo the mega menu route with this current website. Perhaps I will re approach this topic another day with a different website but thank you for being available.
Thanks for your reply Vinay!
I’ve managed to lower the logo in several resolutions, but I now have a new problem. I want to lower the menu as well. I’ve tried this:
@media only screen and (min-width: 1440px) and (max-width: 2249px) {
.responsive .logo {
margin-top: 100px!important;
}
#header_main .container {
height: 340px !important;
}
#header-scrolled .logo img {
margin-top: 15px!important;
max-width: 300px!important;
}
#header_scrolled .container {
height: 140px !important;
}
}
@media only screen and (min-width: 2250px) {
.responsive .logo {
margin-top: 250px!important;
}
#header_main .container {
height: 440px !important;
}
#header-scrolled .logo img {
margin-top: 15px!important;
max-width: 300px!important;
}
#header_scrolled .container {
height: 140px !important;
}
}
And it works, however not went scrolling down. Any idea how I can fix that? Of you might have another solution for me to lower the menu.
Kind regards.
Folkert
Hi!
When you post into a topic many times, it gets last in the que, that makes issues.
Please check your mobile cache, I loaded of my iOS and I can see it working fine
Cheers!
Basilis
Hi,
My header’s background image has stopped loading at the frontend although it still shows up in the preview.
After reading about it on this forum I tried adding this to Quick CSS;
.header_color .header_bg {
background-color:initial;
}
No luck though. I tried adding the !important tag, but still no luck.
Any ideas much appreciated, as before.
I have a gallery in Enfold where the images are all aligned left, but on the top row, each image is successively dropping down to the right. Please advise. Linking to the page in the private content section.
Hello,
so here again, due to my header, my menu does not scroll to the right place. The Header is transparent, so the aimed color section should begin in at the top of the header and not at the bottom of it.
How can I fix that?
Thank you,
Gerke
Topic ‘Enfold theme – problem with fopen() when updating the theme‘ is closed, however there is a WordPress Trac ticket on this very issue: https://core.trac.wordpress.org/ticket/33053. I know, the support ticket here is older than the WordPress Trac ticket, but if only someone investigated…
I wish Kriesi support/moderators would take some more time to investigate, and where possible to resolve, issues. Having allow_url_include enabled is very bad advice, and Kriesi support should know the ins and outs of WordPress (like how the WordPress update mechanism really works). Don’t just participate in Kriesi support, participate in WordPress.
Just my $0.02
Hey wonderlandmarketing,
Please try using following code
@media only screen and (min-width: 990px) {
.responsive .av-image-hotspot-pulse {
height: 110px !important;
width: 109px !important;
top: -39px !important;
left: -39px !important;
}}
Best regards,
Yigit
Hi,
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#service-tiles-section .container {
max-width: 100%!important;
padding: 10px;
}
#service-tiles-section .content {
padding: 0;
}
#service-tiles-section .av_one_third.column-top-margin {
margin-top: 10px;
}
#service-tiles-section .av_one_third.first {
margin-left: 0;
}
#service-tiles-section .av_one_third {
margin-left: 1%;
width: 32.6%;
}
If that does not help, please create temporary admin logins and post them here privately.
Best regards,
Yigit
Hey flymotions,
1- Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency * {
color: black!important;
}}
2- Not sure if i understood this question clearly. Can you please elaborate? Also, please post a screenshot and show the changes you would like to make so we can make sure to be on the same page. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
Best regards,
Yigit
Hi,
Thanks for the very flexible theme.
I’d like to remove the category headings from the tops of the blog post links. I tried putting
.blog-categories {
display: none;
}
into the quick css but it didn’t have any effect.
Any help much appreciated!
Best wishes
Caroline Whyte
Hello,
It is solved by this code
.page-id-698 #digital-marketing-banner.avia-section.av-minimum-height .container .content {
vertical-align: top !important;
}
so on specific page, on any color section we can align its content to the top or to the bottom.
there shouldn’t be any white space between id and class. (I did this mistake and I thought code is not working :)))
#digital-marketing-banner.avia-section (this is the correct writing)
Thanks
Cihan
Hi,
Layerslider has stopped working for me. It just won’t save any changes. This happened following update on Enfold to 3.5.4 and WordPress 4.5.1
It looks like there is a new version of Layerslider: ‘You have version 5.6.5. The latest version is 5.6.7.’
Can you advise how to get this please.
Thanks
Dave
Hey!
You can adjust the code you have added here – https://kriesi.at/support/topic/fullwidth-submenu-questions/#post-611962 to following
Regards,
Yigit
Hi!
Please add following code to Quick CSS
#top .avia-button-fullwidth {
padding: 10px;
}
Regards,
Yigit
Hi!
1- I changed the code to following one
#top .av_header_transparency .header_bg,.header_bg {
background: rgba(16,155,197,0.8)!important;
opacity: 1;
}
2- Please edit your logo and remove whitespace around it or go to Enfold theme options > Header and increase header height
3- Add following code to Quick CSS
.container.av-logo-container {
padding-left: 0;
}
Regards,
Yigit
Awesome….you’re the greatest :)
Topic can be closed.
Hi,
To remove bullet points please add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.widget li {
list-style: none;
}
Please note the above css will affect site wide list items in widgets to avoid that please add a custom class to the text widget. Replace the custom css class name with .widget in the above code.
You can easily enabling custom css class name support as mentioned in this link
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
To remove the smaller dot on the left sidebar please use the below css
#top .widget_nav_menu ul ul li:before {
content: " "!important;
}
Best regards,
Vinay
Hi Kriesi
In your shop demo of Enfold if i view a full product layout on the following resolutions it looks perfect
iPAD
768 x 1024
iPnone 6
375 x 667
667 x 375
iPhone 6 Plus
414 x 736
736 x 414

However my own shop full product layout looks terrible, text being cut off in half, the variation choice buttons cut off, the additional information tab and reviews cut off, just looks terrible :(


I have applied a change though you can see in this thread to move my category menu to the right
Previous change to shop layout
Please could you help me make this look better.
Thank you for your time
Hi there
i have some questions :o)

1. Why the Forum Homepage shows as “archive”? Also the Widgeds / Sidebar from the Homepage get as “Archive Sidebar”… Can i Change this?
2. Can i delete the first Separator from the Breadcrumbs? I Used the follow thread to remove the “home” from breadcrumbs:
but the CSS hack brings no change, so i think this not work anymore so?
i found this in css, but this is for all separators :S
.breadcrumb .sep {
display: block;
overflow: hidden;
width: 8px;
}
3. it is possible to get the breadcrumbs down to the forum? it shows very smal in the titlebar
thank you…
-
This topic was modified 9 years, 10 months ago by
dani85.
Hi,
well the thing is I have it published, because:
1) my sharing plugin works just fine
2) When I simply use a code from facebook’s plugins page it works.
You can see that like-box at the top is working just fine (code), the one in footer (widget) doesn’t
Hi,
It moves to the right because of the “av_header_transparency” class attribute is being removed when you scroll down. Try to replace the code with the following:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100%!important;
max-width: 100%!important;
padding-left: 20px!important;
}
#top #wrap_all #advanced_menu_toggle {
margin-right: 20px!important;
}
}
Best regards,
Ismael
Hi,
The sub menus are transparent, was that intentional? Regarding the position, please add this in the QuicK CSS field:
.av-main-nav ul {
top: 70%;
}
Adjust the value as needed.
Best regards,
Ismael
Hi,
The theme uses the isotope script to calculate the position of the masonry items and like many scripts, it’s not perfect specially when the width of the items are percentage based. Try to adjust the width of the masonry items to improve the gap:
.av-masonry-entry {
width: 25%;
}
Note that the result may be differ on browsers and monitor resolutions.
Best regards,
Ismael
Hey kbarranco,
Thank you for using Enfold.
Are you referring to the navigation for posts and portfolio items? Please provide a link to the page with the navigation. Add this in the Quick CSS field to force the side navigation to be displayed on mobile:
@media only screen and (max-width: 767px) {
.responsive #top .avia-post-nav {
display: block;
}
}
Best regards,
Ismael
Hi,
@JasonC: This thread is about the product widget areas and your inquiry seems to be related to the sidebar positioning in the single product pages. The sidebar in the single product pages are located at the bottom of the product image by default. Unfortunately, you can’t set it to left or right sidebar like usual posts or pages without custom modifications to the theme. Please refer to this link: https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220
Regarding the image size issue, after adjusting the image size, did you regenerate the thumbnails or upload the product image again?
NOTE: In order to help you better, please create a new thread.
Best regards,
Ismael
Hi lightdream68,
I’ve tagged the topic for our german speaking moderator, please wait for his reply.
Regards,
Rikard