Hi Kriesi,
many thanks for finally picking this topic up. The problem is independent of any external plugins/customizations (this has been thoroughly tested before). If you install the theme and create a subpage which opens in a blank window the anchors do not work anymore (i.e., they link to the wrong position).
Cheers,
Chris

Please, consider the topic closed. Not necessary any more.
The support responce time is terrible, by the way.

Hi Basiis,

You mean something like this (keeping same CSS code?):

@media screen and (max-width: 989px) {
#av_section_titles {
background-color: #4c4d4f!important;
border-top: 10px solid #ec5548!important;
height: 115px!important;
color: #ffffff!important;
margin-top:20px;
margin-bottom:20px;
}
}

Thanks for the quick response!
Lyse

Hi

Forgot to give me you my website link: crescendo.staging.wpengine.com

My section titles custom ID CSS code is:
#av_section_titles {
background-color: #4c4d4f!important;
border-top: 10px solid #ec5548!important;
height: 115px!important;
color: #ffffff!important;
margin-top:20px;
margin-bottom:20px;
}

Lyse

It is a partial work around…The video does not resize correctly when scaling up when Accordion on small screen changes to Tabbed Section. It would appear that there is no resize event being fired when this happens. Here is how to reproduce the issue:

• Scale down the width of the screen.
• Click on Tab 2
• Scale up the width until the Accordion changes to Tab Layout.
• Go to Tab 1 and you will notice that the video is not aligned properly (scale is correct, but it fails to align to the top).

I hope you guys can provide a fix for me either via CSS or function.php modification.

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

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.

Ok, thnks for the help but i cant figure out where to put that code. I’ve tried different places but no result.
Any other idea?

Or can u tell me here where to put it?

figcaption, figcaption * {
opacity: 0.7 !important;
margin-top: -5px;
color: white !important;
}

Hi! Thanks for your response. That worked!
I had to mess with the header height a bit to keep the Social Profiles from being cut off by the top bar, but it worked!!

Thanks again :-)

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

Hi guys,

I’ve been on holiday so wasn’t able to respond to this topic for a while.

I have changed the class-framework-widgets.php file in the parent theme, but didn’t find the code on the 484th line. It was on line 967. I haven’t changed the class-framework-widgets.php file in any other way. I’ve also checked the class-framework-widgets.php file in another website where I’m also using the Enfold theme, which has never had the ‘No Future Posts’ plugin installed and there the code is also on line 967…

If I disable the ‘No Future Posts’ plugin all the entries in the portfolio and in the portfolio widget disappear as they all have future dates (I’m using it as a future event calendar).

This isn’t a critical issue, but it would be nice to be able to tell my client I got it to work. ;)

Hi Nikko

Here’s a link to the thread: https://kriesi.at/support/topic/short-horizontal-rulers-in-columns/#post-747638

I have this CSS code in my child theme custom styles.css on line 110 and it does not work.

Thanks
Lyse

Hi Jordan, i followed the procedure but i noticed that the theme options set in parent don’t work in child. I noticed that the settings in child theme are equal to parent but don’t work, when I view the site layout is different (like alternate content area font color etc.)
For rexample, i just made these changes to css, with quick css (not in editor)

.logo img {
padding-top: 20px;
padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
#layer_slider_1 {
display:none !important;
}
}

I see this code written in child theme options section, but does not work when I view the site