Hi Havi,

I see, can I request for temporary admin access on your site? so I can view the backend and try to reproduce it on my end.
Just post the credentials privately.

Best regards,
Nikko

Hi Tia,

I would suggest moving those scripts and styles from the codeblock to the child theme.
Here’s how you can add the script/style in footer: https://kriesi.at/documentation/enfold/add-custom-js-or-php-script/#add-a-script-to-footer-section
Hope this helps.

Best regards,
Nikko

Hi Michael,

You’re welcome, I could see you’re registered on the forum as well :)

(3) H1 Styling
Edit the Special Heading and change Heading Style from Default Style to Heading Style Modern (left)

(4) H1 padding on mobile
I could see this CSS code in your site (margin-bottom is set to height relative to the size of the font) which is causing the issue.

h1 {
    font-size: 2.7em !important;
    letter-spacing: -0.1px !important;
    line-height: 1.3em !important;
    margin-bottom: 0.8em !important;
    text-decoration: none !important;
}

Just remove the margin-bottom or just apply it on desktop.

For #5 & #6, please give us temporary admin access, so we can check further on the issue.
Just post the credentials privately.

Best regards,
Nikko

Hi Havi,

Do you mean having a video that autoplays?

Best regards,
Nikko

Hi Franz,

I apologize for causing confusion, and the numbers I gave were incorrect.
On the top area, there’s a paragraph above the widget with a default bottom margin of 0.85em which is 14.5px, and the column above it is 20px so the total space on the top area is 34.5px.
On the bottom area of the widget, there’s the nav menu wrapper which is 24px in bottom padding plus the overall wrapper which is 20px bottom padding, total bottom space is 44px.
If you want to increase the space top and below then just replace:

@media only screen and (max-width:767px) {
  #top #wrap_all .flex_column.avia-builder-el-last {
    margin-bottom: 0px;
  }
}

with (adjust the padding values as you see fit):

@media only screen and (max-width:767px) {
  #top #wrap_all .flex_column.avia-builder-el-last {
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

If you would like to reduce the space then please add a CSS class name for the Color Section (apply this on all sections that uses a sidebar with nav menu widget) for example you’ll add the class mysection, then add this in Quick CSS to remove the space (just adjust the value as you see fit):

@media only screen and (max-width:767px) {
  /* Remove top space */
  #top #wrap_all .mysection .flex_column.first {
    margin-bottom: 0;
  }

  #top #wrap_all .mysection .flex_column.first p:last-child {
    margin-bottom: 0;
  }

  /* Remove bottom space */
  #top #wrap_all .mysection .widget:last-child {
    padding-bottom: 0;
  }

  #top #wrap_all .mysection .av-content-full {
    padding-bottom: 0 !important;
  }
}

Best regards,
Nikko

Hi Alan,

We’re glad that we could help :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi anristudio,

You’re welcome :)
I believe what you want is to set a minimum height, if yes, then please use this CSS code instead:

#top .left-border {
    border-left: 1px solid black;
    padding-left: 30px;
    min-height: 100px;
}

Just adjust the min-height value.

Best regards,
Nikko

Hi webdesignphx,

Thanks for using Enfold and have a great day :)

Best regards,
Nikko

Hi laptophobo,

Can you try to switch it to a default WordPress Theme? and see if the issue still persists.
If it still shows after switching then it may be more of a server configuration issue.

Best regards,
Nikko

Hi AudioSuites2018,

It’s a pleasure helping you :)
Thanks as well for using Enfold and have a great day!

Best regards,
Nikko

Hi havi,

I have checked it however it’s purple on my end and I don’t see the code anywhere.
It should specifically be targeting menu-item-32 as you can see in the code I gave.

Best regards,
Nikko

Hi Franz,

I have added the code and it’s showing equal space on top and bottom (30px on both sides).
Please review your site.

Best regards,
Nikko

Hi kellyCraftMedia,

I see, please try adding this CSS code in Quick CSS:

#top .avia-tooltip {
    width: auto;
}

Best regards,
Nikko

Hi Mehran MzH,

I checked your site and it seems that the issue with the clicks is fixed and the js error is also not showing in the web console.
As for the titles, I don’t seem to see any cut on my mobile phone, I tried to compare the text in desktop and don’t see the difference, can you give us a screenshot?

Best regards,
Nikko

Hi Alan,

There’s no option to change it however it can be changed by adding this CSS code in Enfold > General Styling > Quick CSS:

#header_main {
    border-bottom: 4px solid #284492;
}

thickness: 4px
border style: solid
color: #284492 (you can use color names instead of hex code)
Just adjust the code as you see fit.
Hope this helps.

Best regards,
Nikko