Hi,

Please check private message

Best regards,
Vinay

Hey bonbuttercup,

I’m assuming you are using header widget area. To place the header widget area below the logo and menu please check the “Header widget position ” section in the link in private. Let us know if you have any questions, we are happy to help :)

Best regards,
Vinay

Hey Boeckske23,

Thank you for reaching out to us, to be able to help you better could you please explain in more detail what you are trying to achieve?

Best regards,
Vinay

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay

Hey pberquet,

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

#top #header .av-menu-button-bordered a {
	height:40px!important;
	padding:0!important;
}

Best regards,
Vinay

Hi,

Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay

Hey jurgen1979,

I’m unable to view your site.

Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

Best regards,
Vinay

Hi,

The gap is coming from the s2 class and the custom code added to the special heading elements.

.sh2 {
    padding: 50px 30px 50px 10px !important;
}

Try to reduce the padding in your code.

Another way to reduce the gap between the element

1. Add a whitespace/separator element between the two elements where you want to reduce the space.
2. From the separator element options select “Whitespace” in the Horizontal ruler styling options.
3. Give it a negative height such as “-50”

Let us know if this helps :)

Best regards,
Vinay

Hi,

You can add subtext to your logo by adding following code to Functions.php file of your child theme in Appearance > Editor

The below code will wrap your subtext in an H1 tag, we will add custom CSS to style it.

//---------------------------
// Logo subtext
//---------------------------

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= '<h1>Free Matched Betting for the UK</h1>';
    return $sub;
}

Add the below CSS in Enfold > General Styling > Quick CSS

/* CSS - Subtext below the logo */
/* 
If your subtext is overflowing outside the header 
please increase the header height from
Enfold > Header > Header size > Custom pixels 
*/

#top .logo,
#top .logo a {
	overflow: visible;
}

/* Subtext styling */
.logo .subtext h1 {
	font-size: 20px;
    font-weight: 600;
}

.logo .subtext {
	z-index: 999;
}
/* Reduce the logo height to make space for the subtext below */
#top #header .logo img {	
	max-height: 70%!important;
	margin-top: 10px;
}

/* OPTIONAL CHOICE : Change position of subtext when scrolled */
#top #header.header-scrolled .logo img {	
	max-height: 100%!important;
}
#top #header.header-scrolled .logo .subtext {
	position: absolute;
    top: 50%;
    right: 0;
    transform: translate(120%, -50%);
}

Best regards,
Vinay

Hey auroradesignstudio,

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

.av-masonry-entry { margin-right: 5px; }

Best regards,
Vinay

Hey gawcvw,

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

#top.home #header {
    display:none;
}

.responsive.html_header_left .home #main {
    margin-left: 0!important;
}

Best regards,
Vinay

Hey GraphicNerd,

I checked the console for any errors but everything seems to be fine. Please check the option in the masonry element again. It should work! If you till have any issue please provide admin login details in private content area so we can take a closer look at it.

Best regards,
Vinay

Hi,

To enable custom CSS class name support from Enfold theme options > Layout Builder and check “Show element options for developers”:

1. Add class name “col-stretch” to the columns which contain the text and image.
3. Add the below css in quick css.

@media only screen and (max-width:767px) {
.col-stretch.av_one_third {
width:99%!important;
clear:both
}
.col-stretch.av_one_third{
margin:0 !important;
}}

Best regards,
Vinay

Hey kashmyra,

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

#top .av-masonry-entry { width: 100%!important; }

If you still have any issue please upload a screenshot/mockup to imgur.com and share the link here so we can help you better :)

Best regards,
Vinay

Hey AllanRinggaard,

It’s not clear what exactly you are trying to achieve? I clicked on the main menu Kontakt > Lokalforeninger and it works fine.

I also checked the tab section all tabs seem to work as intended.

If you still have any issue please let us know which browser you are using and how we can reproduce this issue.

Best regards,
Vinay