Hi Yigit,

thank you very much for supporting.

It works (green arrow)! :-)

But now, there is another issue:
The Background of the text beneath the photo (red arrow) is transparent. :-(

Se new picture: https://drive.google.com/file/d/0B2VhXxb9MRC8YTcxVERISmZfbjQ/view

The text beneath the photo, I realized with:

.av-image-caption-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
bottom: -40px !important;
color: black !important;
height: auto !important;
left: 50% !important;
transform: translate(-50%) !important;
width: auto !important;
}

Maybe, it could also be done with a Text Block or a special Headline (this, I used first, but were unable to set it to half-transparent)

How can I solve this?

KR – Marc

• This reply was modified 8 years, 10 months ago by Faun2015.

Hi Andy,

I was actually able to pretty easily find the code to add to my custom css. For anyone else looking to increase the size at which enfold switches to enfold, you’ll need to search/replace all the media queries in your css at 767px to your required pixels. After that, you just need to copy this code below and change the media queries to your need, just do a search and replace for “1024”.

/* == 1024 tablet view fix == */
@media only screen and (max-width: 1024px) {
		
		
		/*blog*/
		.responsive .template-archives .tab_inner_content li{width:98%;}
		.responsive .template-blog .blog-meta,
		.responsive .post_author_timeline,
		.responsive #top #main .sidebar {display:none; }
		.responsive #top #main .sidebar.smartphones_sidebar_active{display:block;text-align: left; border-left: none; border-right: none; border-top-style: dashed; border-top-width: 1px; width: 100%; clear: both;}
		.responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{margin:0;}
		.responsive .content .entry-content-wrapper{padding:0;}
		.responsive .content{border:none;}
		.responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; }
		.responsive .big-preview{padding: 0 0 10px 0;}
		.responsive .related_posts{padding:20px 0;}
		.responsive .comment_content{padding-right:0; padding-left:0;}
		.responsive .fullsize div .template-blog .entry-content-wrapper{text-align: left; font-size:14px; line-height: 24px;}
		.responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; }
		.responsive #top .avia-post-nav { display: none; }
		.responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{display: block; width:100%; clear:both;}
		
		/*all templates*/
		.responsive .title_container .breadcrumb{position: relative;right:auto; top:-6px; margin:0; left:-2px;}
		.responsive .pagination{padding-left: 0; padding-right: 0;}
		.responsive #header .main_menu .social_bookmarks{display:none;}
		.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{display:none !important;}
		
		
		/*header*/
		.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
		.responsive #top .av_header_transparency .logo img.alternate{display:none;}
		
		.responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
		.responsive #top #main {padding-top:0 !important; margin:0;}
		.responsive #top #main .container_wrap:first-child{ border-top:none; }
		.responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
		.responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
		.responsive .phone-info span{margin:0;padding:0; border:none;}
		.responsive.html_header_top #header_main .social_bookmarks ,
		.responsive.html_top_nav_header #top .social_bookmarks { right: 50px; width:auto; margin-top:-16px; }
		
		.responsive #header_main .inner-container, .responsive .main_menu{position: static;}
		.responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
		.responsive .logo a{display:table-cell; vertical-align: middle;} 
		.responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
		.responsive #header_main .container{height:auto !important; }
		.responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
		.responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
		.responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
		.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
		.responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
		.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
		.responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
		.responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
		.responsive #header .social_bookmarks li{float:none; display: inline-block;}
		.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
		.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
		.responsive .logo img{margin:0;}
		.responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
		.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}
		
		.responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
		.responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
		
		.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
		.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
		.responsive #top .av_header_transparency #header_main_alternate, 
		.responsive .av_header_transparency #header_main .social_bookmarks li a,
		.responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
		.responsive #top .av_header_transparency #header_meta, 
		.responsive #top .av_header_transparency #header_meta li,
		.responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
		.responsive.html_top_nav_header .av-logo-container{height:auto;}
		.responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
		
		/*related images*/
		.responsive #top .related_entries_container .av_one_eighth{width:25%;}
		.responsive #top .relThumb5{clear:both;}
		
		
		.responsive.html_header_transparency #top .avia-builder-el-0 .container{padding-top:0px;}
		.responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{display:none;}
		.responsive.html_header_sidebar #main{ border: none; }
		
		/*tabs*/
		.responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; }
		.responsive.js_active #top .avia_combo_widget .news-wrap li{padding:5px;}
		
		/*widgets*/
		.tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; }
		.widget li{line-height: 1.8em; font-size: 15px;}
		
		/*footer*/
		.responsive #scroll-top-link{display: none;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/
		
		.responsive #socket .sub_menu_socket{    
			display: block;
			float: none;
			width: 100%;
			clear: both;
			margin: 0 0 0 -15px;
			}
		
	 	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 1024px) {

		

		/*portfolio*/
		.responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1{width:100%;}
		.responsive #top #wrap_all .grid-sort-container .grid-entry{ width:50%; margin-bottom: 0;}
		.responsive #top #wrap_all .portfolio-parity-odd{ clear:both; }
		
	}

@media only screen and (max-width: 1024px) {
.main_menu .avia-menu, #header_main_alternate, .fallback_menu{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:auto;}
}

/* == End 1024 tablet view fix == */

• This reply was modified 8 years, 11 months ago by haydaw.

Wow thank you Yigit! It worked!

Strangely there is another bug: when I click on the menu, it automatically scrolls to the top of the page (in mobile, again).

Thank you <3

There’s one plugin active – Yoast SEO – I’ve disabled it and the issue persists (I reactivated for the time being).
I’m not making use of any custom js, only CSS added over Enfold’s Quick CSS text area.

It happens when I navigate to BLOG and CONTACT, not to any other anchor on the page.
I think it has something to do with OUR TEAM’s slider transition but couldn’t debug the cause – the auto scroll happens in sync with the slider’s movement.

• This reply was modified 8 years, 11 months ago by nirvlior.

Hmmm. Not sure why it is not working. I wonder if it has to do with the way the “hover effects” plugin works. I create the effect within the plugin settings then a short code is created which I inserted in the text box on the actual page.
I put this css at the end of all my css customizations:
body {
font-size: 15px;
}

#header_main .container, .main_menu ul:first-child > li a {
min-width: 76px;
}

#footer { padding-top: 23px; padding-bottom: 20px; }

#footer .widget {
margin: 0;
}
.home #av_section_1 .content {
top: -160px;
}

#top .scroll-down-link {
color: #cf0a2c !important;
font-size: 100px !important;
}

.av-fixed-rotator-width .av-rotator-text {
width: 100%!important;
text-align: center;
}
.cagd-indentbox .avia_textblock {
max-width: 750px;
margin: auto;
}
.sidebar .widget {
margin-bottom: -30px;
}
.sidebar .widget {
margin-top: -10px;
}
span.text-sep.text-sep-cat {
display: none !important;
}
.slide-meta {
display: none!important;
}
.blog .slide-entry-excerpt { display: none;
}

.slide-content .blog-categories {
display: none;
}
.special-heading-inner-border {
border-color: #BFB8AF!important;
opacity: 1;
}

.avia-team-member {
text-align: center;
}

.team-member-description {
text-align: left;
}
.page-id-664 .avia_transform a:hover .image-overlay {
opacity: 0 !important;
}
@media only screen and (max-width: 450px) {
.av-image-caption-overlay-center {
font-size: 28px !important;
}}

Thanks, but I found something here in the forum, which works fine:

http://screencloud.net/v/rJWDj

In case that someone needs the CSS, too:

#commentform p {
    padding: 0;
}
#commentform label {
    position: relative;
    left: auto;
    margin-bottom: 5px;
}
#top .comment-form-url input, 
#top .comment-form-email input, 
#top .comment-form-author input {
    margin-bottom: 10px;
}

and for those, who use the “Subscribe-to-comments-reloaded” plugin for comments subscriptions, the CSS for this are:

input#subscribe-reloaded {
    margin-left: 0;
    width: 10px !important;
}
p.comment-form-subscriptions label {
    margin-bottom: 20px !important;
}

and for highlighting author’s comments:

ol#comments li.bypostauthor {
    background: #f2edf4 none repeat scroll 0 0 !important;
    padding: 10px;
}

If you scroll down on this page, you will see some tabs on the right side. The second tab is pointing to a certain category from my portfolio items. They will be created and removed as houses become available or are sold. Right now, if my client was to create a new portfolio item (home) in the correct category, it would automatically show up in the proper tab. Right now there are a number of homes with no quick possession available at this time. If there is currently no available houses in the chosen model, I would like a message to display saying “none available” rather than showing an empty box.

This one is set up to display from the category, but as there are no current items, nothing shows up.