This looks great now, thank you for your persistence and patience!

So should I leave the CSS that John gave me above? Or are they working together to solve this?

@media screen and (min-width: 766px) and (max-width: 769px) {
.page-id-19 .avia-builder-el-20 .first {
clear: initial !important;
}

.page-id-19 .avia-builder-el-20 .av_one_third {
margin-top: 0 !important;
margin-bottom: 30px;
width: 50% !important;
}

.page-id-19 .avia-builder-el-20 .column-top-margin {
margin-top: 0 !important;
}
}

Hi Jordan Shannon,

thank you for your help!
Would it be possible to have the background image fill the entire height of the browser window? At the moment it only fills the area from the top to the end of the text.

And:
Would I have to set this for each single blog post via individual post IDs? – That would not be feasible. I would need a solution where this background image automatically gets applied to every new blog post.

Best regards,
Artiarturro_66

shortcodes are now (4.0.4.) ok but. see here: https://kriesi.at/support/topic/enfold-4-0-3-a-bit-buggy/

Thanks. I understand how to create the plugin, just need a modification of the code you posted above so it can work standalone in the plugin.

Thanks again!

Just found what is causing the problem. In my functions.php I added a code which enables a full size submenu in each single product page.

//adds a submenu on top the single product page
add_action( 'woocommerce_before_main_content', 'wc_submenu');
function wc_submenu () {
	if(is_product()) {
echo do_shortcode ("[av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='']");
		
echo do_shortcode ("[av_submenu which_menu='' menu='41' position='center' color='main_color' mobile='disabled' custom_class=''][/av_submenu]");
echo do_shortcode ("[av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='']");
	}
}

Do you have any suggestion to keep it without interfering with the woocommerce lightbox? Thanks a lot

Hi,
it only works fine because now the horizontal menu doesn’t have submenu items in it. So a click on the menu item can’t affect anything else than redirect to this page.
But now my problem is, as mentioned in my last post, that the mobile menu is the same as the horizontal ones but I’d need it to be one menu with all the menu items from the horizontal (including links to subpages) and sidebar menu :(
So again my question:
Isn’t there any possibility to set two different menus, one for desktop and one for mobile version?

Best regards.

I tried

.avia-section {
min-height: 250px !important;
}

with this and all other classes from the html / CSS code – no effect.

At https://kriesi.at/support/topic/spacing-between-sections/ I see that someone who uses enfold at http://marqueeroofrollers.co.uk/ had the same problem (like many others), and in that case the solution was:

.page-id-734 #av_section_1 .hr {
margin-top: 0 !important;
}
.page-id-734 #av_section_1 .content {
padding-top: 0 !important;
}
.page-id-734 #after_layer_slider_1 .content {
padding-top: 30px !important;
padding-bottom: 0px !important;
}

But in my case this doesn’t work, as http://marqueeroofrollers.co.uk/ is just a single page Website.

#av_section_1 .hr {
margin-top: 0 !important;
}
#av_section_1 .content {
padding-top: 0 !important;
}
#after_layer_slider_1 .content {
padding-top: 30px !important;
padding-bottom: 0px !important;
}

didn’t work as well.

This is great, thanks!

Just one little thing … We would need the collapsed menu button to float as users scroll down the page, so they can open the menu whenever they want. Now the button just stays at the top.

Everything else works great though, thanks!

Hello Victoria,

Sure. Take a look to my site. When i am inside of News post the nav menu link News, hasn’t blue color and border top line. And that happen for all inside posts, portfolio items etc.

Thank you

i want to add link in the menu bar so that when i clicked on it. It will move towards my homepage heading.
e.g when i click on welcome menu it will move towards top of the page.

I have updated everything to the latest version: now it is worse!! Now the slider is wrong on mobile + desktop version!!!
Please help us solving this issue, as the client is waiting for weeks now to have the banner right!

This is all fine and good but it should have been done when they updated their part – not after the fact. Pretty dumb from a business standpoint when you have such a great track record of performance. Key = stop relying on external providers => though for the future. Or, simply stay on top of what’s going on with them – which apparently did not happen here.