Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
ul#mobile-advanced {
padding-top: 150px;
}
Your themes version and name is modified and changed therefore we cannot tell you the exact version you are using but you are using a new one. Please contact the person who made those changes and ask theme version.
Best regards,
Yigit
And one more question:
i’ve added code
.page-id-428 .html_header_top, .page-id-428 .html_header_sticky, .page-id-428 #top, .page-id-428 #main {
background-color: white;
padding-top: 270px!important;
}
to most of my pages, but on mobile devices menu and logo cover headings, how can I fix it?
Problem solved by adding whitespace element in builder and adding custom css with desktop hide %)
Sorry for worrying
-
This reply was modified 10 years ago by
niobeer.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#gform_3 > .gform_footer {
margin-top: 10px!important;
}
Regards,
Yigit
Hey!
Yes, it’s fixed, i added this to Quick CSS:
#top.single-tribe_events .tribe-events-back {
display: block;
}
Regards,
Josue
Hey!
Please add following code to Quick CSS as well to decrease the size of caption titles on mobile
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
font-size: 14px!important;
}}
If that is not what you meant by “different”, please elaborate.
Best regards,
Yigit
Hi!
Please add following code to Quick CSS
.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra, .main_color table, .main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item, .main_color .widget_nav_menu ul:first-child>.current-menu-ancestor, .main_color .pagination .current, .main_color .pagination a, .main_color.iconbox_top .iconbox_content, .main_color .av_promobox, .main_color .toggle_content, .main_color .toggler:hover, .main_color .related_posts_default_image, .main_color .search-result-counter, .main_color .container_wrap_meta, .main_color .avia-content-slider .slide-image, .main_color .avia-slider-testimonials .avia-testimonial-content, .main_color .avia-testimonial-arrow-wrap .avia-arrow, .main_color .news-thumb, .main_color .portfolio-preview-content, .main_color .portfolio-preview-content .avia-arrow, .main_color .av-magazine .av-magazine-entry-icon, .main_color .related_posts.av-related-style-full a, .main_color .aviaccordion-slide, .main_color.avia-fullwidth-portfolio .pagination, .main_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .main_color .av-catalogue-list li:hover, .main_color .wp-playlist, .main_color .avia-slideshow-fixed-height > li, .main_color .avia-form-success, .main_color tr:nth-child(even), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table>li:nth-child(even), body .main_color .pricing-table.avia-desc-col li { background: transparent; }
Cheers!
Yigit
Hi Rikard,
Thank you for your help.
Please see the download links. One is a screen shot of mobile iphone and the second is a screen shot on desktop.
When we resize the desktop browser, it cuts off the right side of the image just like in mobile.
We tested firefox, chrome, IE, and safari. Cache and cookies cleared. Still cuts off the right side of the image during resize.
Same happens on iphone and ipad.
Cheers!
David
Hey hylandgraphics!
There is not enough space to display both caption and button on your slider on smartphone portrait mode.
You can add following code to Quick CSS in Enfold theme options under General Styling tab to hide buttons on mobile
@media only screen and (max-width: 480px) {
#top .avia-slideshow-button { display: none !important; }}
Cheers!
Yigit
Hi there,
On the pages there is an arrow in the righthand botttom to go back to the top of the page, can I change that arrow into a small text saying for example ‘go back to the top’ ?
And is it possible to make an arrow like that on the left too that goes back to the top of the #gastenboek
area that the viewer is in?
Marcel
-
This topic was modified 10 years ago by
vossenm.
Hi Ismael!
Thanks so much for the info.. I have fixed the H1 tags now for the blog, thankyou :-)
I am not sure how to stop crawlers indexing the pagination though??..
Yigit
Many thanks, getting there. The gap has disappeared below the menu but the logo/banner has gone back right to the top of the page. I thought this was the part that brought it down? padding-top: 25px !important;
Also how do I get the menu to move up closer to the banner?
Hey!
We are working on your ticket please wait while we update the results here soon.
1. The color section background image is applied as an inline style hence it’s specificity is the highest and no external CSS will make any change to it.
2.There is a syntax error after the #hometopimage an extra “.” exist
Please make these changes to achieve what you are trying to do.
1. Remove the background image from color section and the custom CSS.
2. Add and remove background image via external CSS
#hometopimage{
background: #000 url(https://edwardsvilleinjurylawyer.com/wp-content/uploads/2015/10/bkgd-servicerep.jpg);
background-size: cover;
}
/* Home page section images on mobile */
@media only screen and (max-width: 767px) {
#hometopimage{
background: #000!important;
}
}
If you still have any issue please deactivate your child theme and activate the main enfold theme and re-check to confirm everything is alright with the child theme.
Cheers!
Vinay Kashyap
-
This reply was modified 10 years ago by
Vinay.
Hey!
You have following code in Quick CSS
#header_main .container {
height: 185px !important;
line-height: 185px !important;
padding-top: 25px !important;
}
Please change it to
#header_main > .container {
height: 185px !important;
line-height: 185px !important;
padding-top: 25px !important;
}
#header_main {
border: none;
}
Cheers!
Yigit
Hej Yigit,
I wrote
#top div .no_margin
{ margin-left: 0px;
margin-top: -150px; },
in custom.css but nothing happened. Am I doing it rigt?
How can I remove the post date from Masonry and Magazine?
I already tried quick css code of thread1 , thread2 , thread3 but the date still is displayed.
regards
Tobias
Hi, I need more help if possible about this topic, that now is closed (I’m not sure how to re-open a closed topic or if it is possible, please explain me).
I’m ok with all the modifications Yigit gave to me, but now I need to translate the string in Portuguese.
I’m using wpml, but if I search for string “All properties” it gives me no results:

How can I solve this problem?
Site and page is this
Hi there,
I have some problems with my single page Enfold theme.
I’m build up my website the last few days. Now I want to do some on page SEO. The Website is a single Page Enfold.
Can you please tell me how I should change the settings with permalinks?
Because when I click in the browser task the only thing I see is http://www.example-website.de/#top. So I can’t see permalinks like /home which are important for searching machines.
The other point is when I search my website (see the adress bellow) in google I can’t find the Site description like I typed in in wordpress.
So I hope you can help me out.
Cheers,
Andy
ipad issue fixed.
But how do i get the top bar of this type of page: http://obmwatersports.com/parasailing/
To be like this type of page http://obmwatersports.com/jet-ski-tours/ So the font is larger and white?
Hey!
We are working on your ticket please wait while we update the results here soon.
To make the menu look like this…

Please add the below css in Quick CSS you can remove dividers from enfold > header > Separator between menu items
/* Equal Spaced Menu */
.html_header_top.html_logo_center .main_menu ul:first-child {
display: flex;
justify-content: space-between;
}
If it’s not something you wanted to do please share a mockup of what you want it to look like.
Cheers!
Vinay Kashyap
-
This reply was modified 10 years ago by
Vinay.
Almost!
1. This created a small problem in the search bar. The search icon border became longer.
2. While we are here can we adjust the size and radius of the search field to match the others? Number 1 above is probably correct we just need to make the input field larger vertically, then radius the corners.
3. I had to add this CSS to raise the top section subscribe button to match the bottom subscribe button.
p#subscribe-submit {
position:relative;top: -13px;
}
I have numbered in the screenshot below.
Thank you!
Hey Ismael,
please find the login data in the private content.
I’ll have a look at the linked topic, thanks!
Regards,
Hella
Hi,
I hope you can help me… I’ve got an MP4 running as a Background Video on a Color Section and it works fine on Safari but fails on Chrome.
When inspect the element, it lists the sources as WEBM first, then MP4, then OGV. In Safari it appears to fall back to MP4 but it Chrome it fails because there is no WEBM format available.
<video class=”avia_video av-mediajs-loaded” poster=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.jpg” id=”player_431_1052212581_290861758″ src=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.mp4″>
<source src=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.webm” type=”video/webm”>
<source src=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.mp4″ type=”video/mp4″>
<source src=”http://pimberly.com/wp-content/uploads/2016/03/pimberly_intro_720_ident_end.ogv” type=”video/ogg”>
</video>
You can see the video at the top of this page… http://pimberly.com
Thanks in advance.
Hi!
Alright. You can adjust the scrollTop position or the scroll positoin by modifying the js > avia.js file. Look for this code around line 718:
if(tempPadding > 0 && shrink)
{
tempPadding = (tempPadding / 2 ) + non_shrinking + non_shrinking2;
}
.. adjust the value.
if(tempPadding > 0 && shrink)
{
tempPadding = (tempPadding / 2 ) + non_shrinking + non_shrinking2 + 100;
}
Remove browser cache or hard refresh the page.
Best regards,
Ismael
Hi!
Note that by using the advance layout builder for posts, all default elements such as the title, post meta info including the categories etc. will be removed. You will be able to start from a blank canvas. If you need to add the post meta info automatically, please refer to this link: https://kriesi.at/support/topic/using-alb-with-custom-post-type-and-meta-information/
Create the post_meta_infos.php file or use the suggested custom shortcode: https://kriesi.at/support/topic/using-alb-with-custom-post-type-and-meta-information/#post-580716
Best regards,
Ismael
Hello,
I followed your instructions to set the home page.
>>>> “Set all the WordPress settings for your home page to “Your latest Posts”.
Then from the Enfold options set your homepage using the dropdown in the initial main theme options page.”
I didn’t work. I tried everything and lost a lot of valuable time.
The page I want to have as the front page is “Home” in the top menu.
Can you help?
http://www.athosfinance.dreamhosters.com
Hi!
Alright. Please post the login details here. We would like to test it. While you’re waiting, please try the solution here: https://kriesi.at/support/topic/portfolio-category-in-url/
Best regards,
Ismael
Hey!
To make the mobile header look like the screenshot

Please add the below css to Quick CSS
@media only screen and (max-width: 767px) {
.responsive #top .logo {
margin-left: 0px!important;
}
.header_color .header_bg {
min-height: 120px!important;
}
.av-logo-container {
top: -23px!important;
}
}
Best regards,
Vinay Kashyap
Hi
I’m looking for build a list of tags used on portfolio items, but grouped bay category. I mean, giving a portfolio category get a list of tags.
I’ve tried this https://kriesi.at/support/topic/show-portfolio-category-on-portfolio-pages/ but don’t works on a page, only on portfolio items. How can I make it?
Hey!
We are working on your ticket please wait while we update the results here soon.
Enable custom class support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Add class col-6 to color section

Add the 6 1/5 elements inside the color section

Add the below css in Enfold > General styling > Quick CSS
/* 6 columns */
.col-6 .column-top-margin { margin-top: 0px !important; }
.col-6 div .av_one_fifth { width: 15%!important; margin-left: 2%; }
.col-6 .first { margin-left: 0!important; clear: none; }
.col-6 .el_after_av_one_fifth { margin-left: 2%!important; }
Regards,
Vinay Kashyap
-
This reply was modified 10 years ago by
Vinay.