Hey BASI-81,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Nikko

Hey Byrne,

Can you post a screenshot on how it looks on an ipad, it seems the code you used should be enough.

Best regards,
Nikko

Hey doubleadesign,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Also allow us to have ftp access so we can also check the files.

Best regards,
Nikko

Hey spadebe,

Unfortunately such feature is not yet available and would consume a lot of time and will be outside the scope of our support. For the meantime what I suggest as a workaround is probably write some html codes which we can assist but adding pages to it will be a bit manual, if you are okay with the workaround then we will help you with it. Regarding the feature please feel free to request – or vote if already requested – such feature on Enfold feature request form.

Best regards,
Nikko

Hi!

Seems like you have found a workaround that I would like to suggest, using widget area (I checked you already made Contact Form widget area), I would suggest using it since it wouldn’t break the text editor. I found out that the problem is the textarea, if you remove the text area the backend wouldn’t be messed up, since the textarea is important, using code block or text block is not an option.

Best regards,
Nikko

Hey!

I have fixed the code I have given above since 767 didn’t have px after it and no display:block !important. It should be good now, kindly connect back jetpack plugin since I disabled it. Let us know if it’s good on your end also.

Cheers!
Nikko

Hey Nicoletta_DUS,

Probably some caching plugins are causing the issue or other plugins I’m not sure what’s the name but it’s something like Custom CSS plugin which if it is enabled, Quick CSS doesn’t get reflected.

Best regards,
Nikko

Hi,

Glad that this is fixed :)

Best regards,
Nikko

Hi,

You’re welcome. Glad we could help :)

Best regards,
Nikko

Hey waterwalk,

Did you use custom js code to open portfolio in new window? as for the title linking I checked it and not sure why it’s behaving that way. Can you post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Nikko

Hey Stevo,

It’s hard to fix that since we can’t control the css rendered inside the iframe, I think the best way is make the iframe’s container a bit wider, try adding this code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top.page-id-54 .flex_column_div.avia-builder-el-14 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

Hope this helps.

Best regards,
Nikko

Hi George!

Try adding this code in Quick CSS (located in Enfold > General Styling):
This is for the header of the accordion:

#top .toggler {
    background: blue;
    color: white;
}

#top .toggle_content {
    background: yellow;
}

The first block of code is for the header and the 2nd block is for the content, please adjust the colors as you see fit. Hope this helps :)

Regards,
Nikko

Hey!

Try adding this code in QUick CSS:

@media only screen and (max-width:767px) {
  .responsive.html_header_top #header_main .social_bookmarks {
    display: block !important;
    position: absolute !important;
  }
}

Let us know if it helps :)

Best regards,
Nikko

Hi,

Try adding this in your child theme’s style.css or in Quick CSS:

.active_tc.toggle_wrap {
    display: none;
}

Then add this code to functions.php (this is for toggles that are opened by default which is affected by the css I gave above):

function add_custom_script(){
?>
<script type="text/javascript">
(function($){
	function custom_toggle() {
		jQuery("#top").find(".active_tc.toggle_wrap").css("display","block");
	}

	custom_toggle();
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'add_custom_script');

Best regards,
Nikko

Hey MKP74,

Please replace #header .widget with #header #text-7 since #header .widget will affect all widgets in the header (sidebar in this case). So this code:

#header .widget {
  display:none !important;
}

should be changed to this one:

#header #text-7 {
  display:none !important;
}

And this code:

#header .widget {
  right:50px;
  padding-top: 25px;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  z-index: 999;
}

Should be changed to:

#header #text-7 {
  right:50px;
  padding-top: 25px;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  z-index: 999;
}

To put the flag on the left, just change right:50px; to left:0;, however it will overlap with the logo, I think putting the logo in the center or adjusting it’s left margin would do it. Here is how to center the logo in mobile:

@media only screen and (max-width:767px) {
  .responsive .logo img {
    margin: 0 auto;
  }
}

Hope this helps :)

Best regards,
Nikko