Hi eddiebooth!

I already answered to you here please avoid creating multiple tickets for same issue as it will be a lot of work for all of us :)

We will close this ticket. if you have any questions please open a new ticket.

Cheers!
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

/* Stop clicking on image */
img.mfp-img {
   pointer-events: none;
}

/* hide counter */
.mfp-counter {
   display:none;
}

Best regards,
Vinay

Hi,

That would be great! But to make the main menu appear on the top would take a lot of time and at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.

But please feel free to share your solution if you find a workaround for this :)

Best regards,
Vinay

Hi,

The reason it appears on top is because the code is missing “background-position: bottom center;”
For more info please check https://css-tricks.com/almanac/properties/b/background-position/

To hide the background on last item Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.content article.post-entry:nth-child(3) {
	background: none!important;
}

Best regards,
Vinay

Hey indieweb,

We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.

But if that’s something you really need you can always try to hire a developer for the task :)

Please refer to this post by ismael https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220

Best regards,
Vinay

• This reply was modified 9 years, 9 months ago by Vinay.

Hi,

Please replace the code with

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #icon-section .flex_column {
    margin-left: 3%;
    width: 38%!important;
}
}
@media only screen and (max-width: 480px) {
#top .av_font_icon a{
font-size: 60px!important;
    line-height: 60px!important;
    width: 60px!important;
}}

Best regards,
Vinay

Hey edzetrading,

Thank you for contacting us :)

It a nice and simple layout it can be easily achieved in Enfold using colorsection.
Set it’s height to 100% and add a background image with stretch to fit as cover image.
Add your text inside it.

If you like to copy the short code into your page please enable debug mode http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

And add the below shortcode to the text area that appears below the advanced layout builder

[av_section min_height='100' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='http://localhost/_proj/enfold/wp-content/uploads/2015/03/people_town-1500x430.jpg' attachment='577' attachment_size='featured' attach='scroll' position='top left' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']

[av_textblock size='' font_color='' color='']
<p class="entry-content" style="text-align: center;"><strong>Pagina niet gevonden</strong></p>

<section class="404_recommendation">
<p style="text-align: center;">Helaas is de door u opgevraagde pagina niet (meer) bereikbaar. Wij verontschuldigen ons voor dit ongemak. De informatie is misschien verwijderd, het internetadres kan gewijzigd zijn, of u heeft een fout gemaakt bij het intypen van het internetadres. Om de pagina alsnog te vinden, kunt u het volgende proberen:</p>

<p style="text-align: center;">Controleer of u het internetadres juist heeft gespeld
Gebruik de Back of Vorige knop van uw browser om terug te gaan naar de laatst bezochte pagina
Gebruik de zoekfunctie om de gewenste pagina te vinden

</section>
[/av_textblock]

[/av_section]

Best regards,
Vinay

Hey Munford,

Thank you for contacting us. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

Disable lightbox arrow navigations

.mfp-arrow {
	display: none;	
}

Hide mobile menu and show desktop nav in tablets

@media only screen and (max-width: 676px) {
nav.main_menu {display:block !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:none !important; }
}

Hide mobile menu and desktop nav in tablets

@media only screen and (max-width: 676px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:none !important; }
}

Best regards,
Vinay

Hi,

I have tested this code and it works please replace the previous one with the below code :)

#top #header_meta a {
    padding: 7px 10px!important;
}

#top #header_meta a:hover {
    background: #003f83!important;
    color:#FFF;
    text-decoration:none;
}

Best regards,
Vinay