I am on a desktop server – for the first time – can I give you access to that? All the sections are built exactly the same way , but only the too one is displaying correctly.
Hi Jordan,
Thanks for your assistance so far.
I’ve created a widget in the header and am using the following CSS:
#header .widget {
left: 50%;
padding-top: 35px;
position: absolute;
z-index: 999;
}
#header .widget h1 { font-size: 25px; color: #a3becc; }
Everything looks great but there’s one little problem left I can’t solve. When viewing on a small screen like a tablet, the slogan and hamburger menu overlap each other. Is there a way to fix this?
Thanks!
Hi Yigit
Thanks looks promising but the background-color seems to be overridden by the following in enfold.css:1, maybe because it is more specific? (not sure about css precedence rules):
.main_color .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle, #top .main_color a.remove, #top .main_color .onsale {
background-color: #50c878;
}
Ian
Hi
i would like to edit full screen slider in order to put contact form on top of it.
is it possible to do take the source code of the this slider to the child theme and edit it there?
this is the website: http://new.ptdoors.com/
Hey there friends, I’m Having quite a bit of frustration working with clients and allowing them to edit their own text in text blocks.
After being rudely awakened to how editing text in the text blocks does not work out unless you know some code and can work in html mode.
At 1st I thought it would be easy to teach my clients html mode, line breaks <br> and HTML formatting and work arounds like or adding separate headline blocks and using separate spacer elements etc… but after trying this is just NOT practical for clients. I have not had a pain like this with other themes when it comes to formatting text in visual mode let alone html mode.
My clients exact words “can we go back to the other theme this text editing code stuff is too complex” and inconsistent on top of that, the breaks don’t always save etc……
Frustrating!
And I agree with my clients they should not have to be a coding guru and enfold theme pros just to write an article on their website, or have to hire me every time they want to do what should be simple article formatting. Writing an really good article is hard enough, its crazy to have to get them to code on top of that lol.
Is enfold working on making the text formatting in the visual editor work with line break betters and or coming up with a practical solution?
I am not just dogging enfold, I sincerely would like to hear how you guys deal with clients with this particular issue?
-
This topic was modified 9 years, 8 months ago by
Ivygrace808.
To add to this.
How can I add more padding to the top of the scrolling logo so my logo can be more vertically centered?
hi,
is it possible to use the hamburger menü also for the desktop version of the enfold-site? for example like on this page?
best regards
Chris
Hey IanWorthington!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#top .onsale { top: -45px; background: orange; color: red; }
Best regards,
Yigit
Hi,
I’ve found how to move search box in secondary menu, thanks to this post https://kriesi.at/support/topic/insert-search-button-and-widget-area-in-the-secondary-menu-bar/. But I would like to have search box in the main header area, near to social links icons. Is there any way to move search box to social icons position ?
Best regards
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Thanks,
Rikard
There are a few layout problems I cannot fix.
There is an unwanted seporator line between an advanced layerslider element (1/1) and a textblock with a bread-crumb shortcode (1/1)
I want the breadcrumb as close below the layerslider as possible.
Also there is a seporator line next to a special heading title.
I tried the following in Quick CSS:
body .column-top-margin{
margin-top: 2px;
.container_wrap#footer {
border: none !important;
.primary-background.seperator-addon.seperator-bottom{
display: none;
}
}
Finally I can’t seem to reduce the width of the left sidebar.
I tried changing the width with the suggestions in other support posts:
$avia_config[‘layout’][‘fullsize’] = array(‘content’ => ‘twelve alpha’, ‘sidebar’ => ‘hidden’, ‘meta’ => ‘two alpha’, ‘entry’ => ‘eleven’);
$avia_config[‘layout’][‘sidebar_left’] = array(‘content’ => ‘nine’, ‘sidebar’ => ‘three alpha’ ,’meta’ => ‘two alpha’, ‘entry’ => ‘nine’);
$avia_config[‘layout’][‘sidebar_right’] = array(‘content’ => ‘nine alpha’, ‘sidebar’ => ‘three alpha’, ‘meta’ => ‘two alpha’, ‘entry’ => ‘nine alpha’);
but then the sidebar is shown below the rest of the content.
Can you help me with those three problems please?
Hi AmyEdwards!
Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161
Best regards,
Yigit
Hi,
It seems like you added a class from FontAwesome. Please refer to my post here – https://kriesi.at/support/topic/importing-icon-from-font-awesome/#post-414749
If you remove that class from your menu item, it would look normal :)
Best regards,
Yigit
Hi,
Please add Color Section element in your page with a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add six 1/3 column elements and then 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 (min-width: 990px) {
#custom-cs .av_one_third:nth-child(1) {
margin-left: 0;
}
#custom-cs .column-top-margin {
margin-top: 0;
}
#custom-cs .av_one_third {
width: 14.1%;
float: left;
clear: none;
margin-left: 3%;
}}
Best regards,
Yigit
Hey Martin,
Please refer to this post – https://kriesi.at/support/topic/google-maps-7/#post-656457
Best regards,
Yigit
Hi itziarsolla!
Please refer to this post – https://kriesi.at/support/topic/google-maps-7/#post-656457
Regards,
Yigit
Hey beyond-flora,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .aviaccordion-preview-title-wrap {
background: transparent;
}
#top .aviaccordion-preview-title * {
background: rgba(0,0,0,0.3);
padding: 5px;
border-radius: 3px;
}
Best regards,
Yigit
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: 767px) {
.responsive #top .logo {
width: 100%;
}}
Best regards,
Yigit
Hi,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Thanks,
Rikard
@mensmaximus Thank you, all the answers are in that Google topic.
There you go:
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
animation: 0s cubic-bezier(0, 0, 0, 0) 0s normal none 0 running avia_msonry_show;
}
Hey PKoch,
try this code inside Quick CSS field:
.post-title.entry-title {
margin-top: 30px !important;
}
#top .fullsize .template-blog .post-meta-infos {
top: -95px;
}
and adjust as needed.
Best regards,
Andy
Hi Support,
If I’am on a shop page on http://www.railcenter.nl (for Example http://www.railcenter.nl/opleiding-tag/organisatie-communicatie?product_order=default) There is a sorting possibility the top of the page. In this case you can sort on ‘Standaard Volgorde’ ‘Naam’ etc. and products per page.
I use a product filter plugin for filtering in the sidebar so I don’t need te sorting in the top of the page. Is it possible to make the sorting in the top invisible of is it possible to let the sorting dissapear?
Thank you for your advice, tips.
Willem Eelman PM
Hi,
Please deactivate the caching plugin and clear the cache from browser and try the below css.
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
margin: 35px;
}
We tested this on your installation in console and it works please check screenshot attached.
Best regards,
Vinay
Hi All, I’ve seen thread’s on this before but none of the solutions worked for me. I would be so grateful if someone could take a look to see what could be the problem?
I asked a freelancer to make me a video 1200 x 430 which he did. Then I got another freelancer to get that video into a fullwidth easy slider, which he did. They both tell me the video should now play with no border, but there is still a border on the top and bottom which you can see here:
Any help would be much appreciated!
Thank you, David.
hi Basilis,
Something like below (position absolute) to keep the look on desktop and Mobile design consistent.

Thank you and appreciated
Hey!
It is not caused by the image inside the container, it is caused by the content expanding on smaller screens. You can decrease the height of the section by decreasing the size of the objects inside. For example, you can decrease the font size of the heading, reduce the minimum height of the section then remove the bottom margin of the input fields on smaller screens:
@media only screen and (max-width: 1366px) {
.custom-title-home h2 {
font-size: 23px !important;
}
#top #av_section_1 input[type="text"] {
margin-bottom: 0;
}
#av_section_1 .container {
height: 450px !important;
}
}
Please add a unique Section ID to the color section so that you can replace the generic “#av_section_1” selector with it.
Best regards,
Ismael
Hi,
This should not be happening in the first place. Please remove the css modification then edit one of the page with the issue. Move the color sections or elements around, change their position, update the page then move them back to their original position. This is a small glitch in the advance layout builder but moving the elements around should remove the extra section at the very top of the page. Let us know if it helps.
Best regards,
Ismael