Hi Mike,

Thank you for your response. I disabled emoji support and now the emojis no longer disappear. I would expect the opposite, but happy they’re working now.

many thanks,
Josh

This totally fixed it. Thank you!

Thanks for that Jordan, but unfortunatley I have tried this and the boxes/borders remain.

Thank you this fixed my issue :) Updating the header.php made everything work.

This worked perfectly! Thank you for your help.

The only adjustment I made was adding the same margin-left of 2px to the shop buttons and everything is lining up nicely.

This is a lifesaver! THANK YOU.
I swear I removed my old menu/search icon position styles before adding yours before but I must have made a mistake. This worked with both sets of css and a few adjustments to the values. I can definitely use this in the future too – again, thanks for understanding my frustration and sticking with it.

You can close this ticket.

You are very welcome to have a crack it – I really appreciate your help :) – I know you will be careful but I must ask that you be very careful as this is a high traffic website with a very important online booking system (that takes payments).

Please see the private section for FTP access:

Here is my mobile and tablet code (I removed anything not affecting the header / menu):

/*TABLET LANDSCAPE*/

@media only screen and (min-width: 990px) and (max-width: 1249px) {
/*BURGER MENU ACTIVE */

.av-burger-menu-main { 
       display: block !important; 
}

.main_menu .menu-item {
 display: none !important;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1024px) {

.html_header_top.html_header_sticky #header {
    position: fixed;
    background-color: white;
}

#header_meta {
    min-height: 32px !important;
}

#header_main {
    max-height: 100px;
}

.html_visible_cart .av-burger-menu-main {
    padding-right: 0px;
}

.avia-menu.av_menu_icon_beside {
    margin-top: 45px;
}

#top nav .social_bookmarks {
    margin-left: 5px;
    margin-right: 16px;
    top: 40% !important;
}

.avia-menu.av_menu_icon_beside {
    border: none;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0px !important;
}

.logo a img {
    max-height: 150px !important;
    padding-top: 5px !important;
}

#header .widget {
    right: -16%;
    position: absolute;
    top: -45%;
}

#wrap_all {width: 100% !important; margin:auto !important}
#header {width: 100% !important;}

#header .container {
    max-width: 100% !important;
}

.main_menu {
    right: 10% !important;
}

.header_bg {
    height: auto !important;
}

#menu-item-search {
display:none !important;
}
}

/*TABLET PORTRAIT*/

@media only screen and (min-width: 641px) and (max-width: 990px) {

.responsive #top #header {
position: static;
}

.header_bg {
    height: auto !important;
}

.logo a img {
    max-height: 200px !important;
}

.html_visible_cart .av-burger-menu-main {
    padding-right: 0px;
    padding-left: 10px;
}

.av-main-nav > li {
    margin-top: -50%;
}

.avia-menu.av_menu_icon_beside {
    margin-top: 80px !important;
margin-right:0px !important;
}

#header {
    width: 100% !important;
    max-height: 150px !important;
}

#header_main.container_wrap_logo {
    z-index: 999 !important;
}

.av_phone_active_right .phone-info {
    margin-right: 2% !important;
}

#header .widget {
    right: -13% !important;
top: -45% !important;
}

.main_menu .social_bookmarks {
    right: 6% !important;
}

#header_meta .container {
    width: 100% !important;
    padding: 0px 10px !important;
}

#header {
    max-height: 150px !important;
}

#menu-item-search {
display:none !important;
}

.responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0px !important;
}
}

/*--MOBILE STYLES--*/

@media only screen and (max-width: 640px){

#header_main.container_wrap_logo, #top #header_meta {
    max-height: 200px !important;
}

#menu-item-search {
    position: relative;
    top: 0px;
    right: 15%;
    margin-top: 65% !important;
}

.html_visible_cart .av-burger-menu-main {
    padding-right: 40%;
    margin-top: -28% !important;
}

#top #header_meta li, #top #header_meta .phone-info {
    font-size: 12px !important;
}

.responsive #top .logo {
    width: 50% !important;
}

div .logo {
    margin-left: -1% !important;
}

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

.space {
    margin-top: 8% !important;
    margin-bottom: 4% !important;
    min-width: 200px !important;
}

.book-now-btn, .calendar-btn {
border:none !important;
}

.calendar-btn {
    padding: 9px 35px 8px 30px !important;
    margin-left: 10px !important;
}

.number {
    font-size: 20px;
    clear: right !important;
display:block !important;
}
}

/*mobile landscape*/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

#menu-item-search {
    right: 0px !important;
    margin-top: 20% !important;
}

.html_visible_cart .av-burger-menu-main {
    padding-right: 10% !important;
    margin-top: 20% !important;
}

.avia-menu.av_menu_icon_beside {
    padding-right: 25px;
    margin-right: 20px !important;
}

.main_menu .social_bookmarks {
    margin-top: 10% !important;
    padding-right: 40px !important;
}
}

My apologies for the confusion, the css above is within the media query for mobile only – I have many mobile css styles so I was just showing the code within it.

This what I have now, I have changed it slightly but it’s still not correct:

@media only screen and (max-width: 640px){

.html_visible_cart .av-burger-menu-main {
    padding-right: 40%;
    margin-top: -25%;
}

#menu-item-search {
    position: relative;
    top: 100px;
    right: 20px;
}
}

I need to launch this site tomorrow so it’s becoming quite urgent.

Has anyone had a look at the website on a mobile device and my screenshots and understand the problem? I need to know the proper way to achieve what I have quickly done with the css but without the error.

Thank you for your help

• This reply was modified 6 years, 11 months ago by Briana. Reason: css change

OK SO:

The documentation code and using ‘first-aid-courses’ did the trick!

add_filter('avf_builder_boxes', 'add_builder_to_posttype');

function add_builder_to_posttype($metabox)
{
	foreach($metabox as &$meta)
	{
		if($meta['id'] == 'avia_builder' || $meta['id'] == 'layout')
		{
			$meta['page'][] = 'first-aid-courses'; /*instead add the name of the custom post type here*/
		}
	}
	

	return $metabox;
}

Thanks for your help! You can close this ticket.

Hi thanks for the suggestion. I have changed the code as you have outlined but it doesn’t seem to have worked….

$boxes = array(
    array( 'title' =>$av_default_title, 'id'=>'avia_builder', 'page'=>array('post','portfolio','page','product', 'course'), 'context'=>'normal', 'priority'=>'high', 'expandable'=>true ),
    array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('portfolio', 'page' , 'post', 'course'), 'context'=>'side', 'priority'=>'low'),
    array( 'title' =>__('Additional Portfolio Settings','avia_framework' ), 'id'=>'preview', 'page'=>array('portfolio', 'course'), 'context'=>'normal', 'priority'=>'high' ),
    array( 'title' =>__('Breadcrumb Hierarchy','avia_framework' ), 'id'=>'hierarchy', 'page'=>array('portfolio'), 'context'=>'side', 'priority'=>'low'),
);

$boxes = apply_filters('avf_builder_boxes', $boxes);

Still not seeing the Advanced Editor in my new post type :(
Did I do it wrong?

Here is how the post type is configured in the plugin I used:

Link to screenshot: Screenshot