Hey!
Please change the code to following one
@media only screen and (max-width: 990px) and (min-width: 768px) {
.rtl #advanced_menu_toggle {
top: 100px;
right: 50px;
}}
@media only screen and (max-width: 767px) {
.rtl #advanced_menu_toggle {
right: 0;
}}
Cheers!
Yigit
Hi
Here is my test page. http://test.macbensmultiresources.com/nebosh-courses/
You can see that the element in read is scrolling but I want it to scroll to a point (i.e it should stop when it reaches the FAQ)
Help needed. Thanks
Hi
Is it possible to change or override the settings for the big preview image on one of my blog (news) pages?
I know I can change the media settings and regenerate the thumbnails for entry with sidebar, but that changes all of them I have obviously done this before since images on the other news items are different aspect ratios. Can you give me a quick help with this?
also – it seems the settings for the blog posts have changed – there used to be an area to choose format: image, video, url, etc. for the post but I don’t see that now – oh wait, if I choose it under the screen options I see it and then it disappears.
I woudld also like some help with the top post on the page below – I am seeing the feature image as well as the entire post, which also has a video. How can I have only the image on this page, without the video & text but with the image linking to the blog post and the post has jsut the video and text, like it does now? I have tried to use the “read more” break but it doesn’t work. How can I limit the text that’s on the blog page?
thanks
Nancy
-
This topic was modified 9 years, 5 months ago by
Munford.
Hi,
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: 990px) {
.rtl #advanced_menu_toggle {
top: 100px;
right: 0;
}}
Best regards,
Yigit
Hi,
At a very specific resolution, the header and top bar doesn’t look right:

P.S: I don’t know, but the problem might be related to this topic codes +
Regards,
Sadegh
Hey caroberto6,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .fullsize .template-blog .post .entry-content-wrapper > *,
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 100%;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hey!
Code i posted here – https://kriesi.at/support/topic/h1-tag-only-for-homepage/#post-697252 should have worked just fine. If it does not, please create a temporary admin login and post it here privately.
Regards,
Yigit
Dear Enfold support,
For desktop users, I’d like my Enfold menu to show up by them hovering over a button called ‘Menu’ in my logo area. It will look sort of like responsive mode, where you have a toggle/show button that is activated by clicking the 3-row button. Example what I mean is on desktop site of http://www.prisjakt.nu. However, when just hovering the Menu text, the normal desktop Enfold menu should show.
On mobile & iPhones, I still want to show the responsive 3-row button menu.
Thankful for help!
-
This topic was modified 9 years, 5 months ago by
Enfolded.
Hello, is it possible to show the second level menu in horizontal not in vertical -but not with mega menu, because it makes so big the font size-? I need an alternative because my submenu is too long and when you see in a laptop, you can not see the last without scrolling.
thanks!
Hi,
as said in this post you need to customize loop-index.php manually, which you can find in Enfold->Includes folder. If you can’t do it by your own, we recommend to hire a freelance developer for this job: http://kriesi.at/contact/customization
As already said please open new tickets for your other questions. Let us know if you still have questions about 1.).
Best regards,
Andy
Hi,
to change image sizes on the last link you’ve provided, use this code:
#top .thumbnail_container img {
width: 250px;
max-width: 250px;
height: 250px;
}
and adjust the values as needed.
Glad you are happy!
Best regards,
Andy
Hi!
Yes, please change the code to following one
@media only screen and (max-width: 768px) {
.responsive #top .logo img {
top: 10px;
}}
Best regards,
Yigit
Hi,
I tried create a clickable textwidget title in footer as described in earlier thread. But when leaving title blank and adding linked headline to textwidget’s textarea, no heading is displayed:
<h3 class="textwidget"><a href="#">Headline</a></h3>
text blablabla and unordered list.
(I undid this step meanwhile for not confusing the customer.)
What to do?
Best regards,
Rolf
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
I’ve been looking at the latest version of enfold and must admit I like it a lot more than the previous – so, well done.
I have a custom post type which I use, and I have adapted the original archive and loop-index files to display them. All if fine except that I want to display ONLY the image, meta, and title, but NOT the excerpt on this template. Looking at the code I cannot see what I would need to do to hide excerpts (I know I could do it with CSS but I prefer to simply not have it output).
How can I do this? Which bit do I need to remove to stop the excerpt being shown? I’m using the grid layout.
Thanks
it seem to be that on fading the slides the caption-title will allways comes from top and the caption-description from bottom.
This will be nice to have the oportunitiy to set this effect – even for “sliding” Slides
Hi Ismael,
I mean by “switch”, that I could change the number of pixels from 1024 to 600px or 800px in the following command: “@media screen and (max-width: 1024px){.rob_menu, .rob_desktop {display:none!important;}”. I will try it in the next days, if I can borrow an Apple-IPad from my friend.
I set in the past already the “Header Mobile Menu activation to the first option”, but safari still hides elements (in this case an element with the class “rob_desktop”), which are defined in my style.css for screens bigger than 1024px, although the IPad has a wide screen (2048px x 1536px).
I think, my css-code seems to be OK, because on wide android tablets and all desktop-browsers there is no problem.
Best regards!
Robby
Hi,
Great, glad you solved your problem :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
I think it would be easier if you created a new section to only show for mobile, and give your sections unique IDs so that you can hide/show them for the correct screen size using CSS:
@media only screen and (min-width: 768px) {
#section-desktop {
display:block !important;
}
#section-phone {
display:none !important;
}
}
@media only screen and (max-width: 767px) {
#section-desktop {
display:none !important;
}
#section-phone {
display:block !important;
}
}
Regards,
Rikard
Hey JamesEisert,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-section .content {
padding-top: 0px!important;
padding-bottom: 0px!important;
}
Best regards,
Vinay
Hi.
When I choose a color section, when I place content in it, sometimes I get a large padding from the top that I cannot adjust. Sometimes it magically goes away when I fiddle with it by replacing content.
First solution worked great. The only thing was that the top part of logo was hiding behind the gray bar at the top but I set his up to transparent and looks great if somebody is looking for answer to the same issue. Thank you!
.header_color .container_wrap_meta {
background: transparent;
}
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .main_color .wpcf7 input, #top .main_color .wpcf7 textarea {
border-left:none;
border-right:none;
border-top:none;
border-bottom:solid green 3px;
}
Best regards,
Vinay
Hi!
Regarding the pagination:
.template-blog .pagination a {
border-radius: 100px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
Change the RGBA value, with what you want.
#top .avia-post-nav { background: #aaa;background: rgba(0,0,0,0.1); }
Again here, change the background value, with what you need.
Let us know if we can help you further
Cheers!
Basilis
-
This reply was modified 9 years, 5 months ago by
Basilis.
Hi,
In continue to https://kriesi.at/support/topic/masonary-gallery/#post-693091
We did the modification for the certain page where we wanted to align the Image Title to the bottom part of the Image
now the customer asked for the Title to be aligned both to the bottom and to the Right
i changed a bit the code you sent me but it causes the text to wrap to 2 lines or more.
can you please help me fix it to be aligned right properly.
also the client asked me how remove the bold affect and change font to Tahoma.
If there is no secondary enabled, and the shrinking header is enabled, the header starts to shrink immediately if the user scrolls down, even one pixel (which shrinks the header by one pixel). I believe this is the intended behaviour.
However, if the secondary menu is enabled, the shrinking starts with a delay. The user must first scroll down the amount that is equal to the height of the secondary menu. E.g. if the secondary menu is 30px high (as it is by default), the shrinking does not start until the return value of $(window).scrollTop() reaches 30.
I tested this with a clean WordPress installation with no other changes than enabling Enfold and enabling secondary menu in the header options. I strongly believe this is a bug (or rather a development oversight) in the function avia_header_size() in the avia.js.
Hi,
The way the header is setup or modified renders any custom code that we provide useless.
If you still like to try it please add the code below which will normally work if the header is not modified.
.logo {
top: -30px!important;
}
Instead what i would suggest is add a widget area and make the required modifications to it. http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
We can get you started in the right direction would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
Vinay
What happen with the support? I have purchase this theme third time because of the great support and I can’t get an answer for any question? Really? Hire a freelancer to move the logo up? I’m the freelancer and I’m asking for help as I couldn’t have it done.
I’m sure it can be done with css and not a lot of work.
You advised me to put the address at the top by using extra elements option which created a lot of white space and I just want to pull a logo a little bit up.
Thank you
Hey alex5252,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
// color section background
function colorsection_bg(){
?>
<script>
jQuery(window).load(function(){
setTimeout(function() {
if (jQuery(window).width() < 768) {
jQuery(".topbackground").css({ 'background-image' : 'url(https://marckdesignconcepts.com/Eloquent/wp-content/uploads/2016/10/mobilebackground.jpg)' });
}
});
}, 1000);
</script>
<?php
}
add_action('wp_footer', 'colorsection_bg');
Best regards,
Vinay
Hi Vinay, then problem won’t be solved by updating the theme. Rikard pointed out that the official enfold demo (http://kriesi.at/themes/enfold-consulting/) runs the latest version and it suffers from the same problem. See https://kriesi.at/support/topic/page-anchors-on-mobile-devices/#post-695295