Hey kilimats,

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

			  #top.page-id-1396 .avia_ajax_form .text_input, 
#top.page-id-1396 .avia_ajax_form .select, 
#top.page-id-1396 .avia_ajax_form .text_area {
    margin-top: -20px;
    z-index: -1!important;
    position: relative;
    width: 100%;
    min-width: 80vw;
    right: 0;
    left: -20px;
    top:-15px;
}

			  #top.page-id-1396 .avia_ajax_form .text_input, 
#top.page-id-1396 .avia_ajax_form .select{
	position:absolute;
}

.responsive .page-id-1396 .avia_ajax_form .form_element {
    padding: 15px;
}

Best regards,
Vinay

Hi Jarol,

Yes, it’s using fontello, as for changing the icon you may want to follow this thread: https://kriesi.at/support/topic/change-mobile-menu-icon/

Best regards,
Nikko

Hi,

it’s because of this code which you’re using:

#top .iconbox {
cursor: pointer;
}

Remove it and it should work fine.

Best regards,
Andy

Hi,

this is quite confusing and it would be best to stick to one issue in one thread only. So let’s focus on the missing meta infos when you’re using ALB for your blog posts here. Feel free to open new ticket for other questions.

Please follow this thread: https://kriesi.at/support/topic/using-alb-with-custom-post-type-and-meta-information/#post-580144 and when you’re done use a text element where you us this code:

[the_post_meta]

Then you should be able to display meta info, although you’re using ALB for your blog posts (ALB = Avia Layout Builder). By default meta infos are only available when using WordPress default editor.

Best regards,
Andy

Hi jarol,

You will need to add an id which can be found in section, for example you use this id: custom-id

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

	#top #custom-id .flex_column_table {
	    display: block !important;
	}

	#top #custom-id .flex_column.av_one_third {
	    display: block !important;
	    margin-bottom: 32px !important;
	    width: 100% !important;
	}
}

for the meantime you may want to use this code for the specific page:

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

	.page-id-1160 #av_section_2 .flex_column_table {
	    display: block;
	}

	.page-id-1160 #av_section_2 .flex_column.av_one_third {
	    display: block;
	    margin-bottom: 32px;
	    width: 100%;
	}
}

Best regards,
Nikko

Hey Rob,

I have added this at the bottom of your Quick CSS:

.home .template-page.av-content-full {
    padding: 10px 0 !important;
}

this will reduce the extra padding but you can further reduce it if you change the 10px to 0. As for the last question:

.avia_textblock {
    color: #222;
    font-family: 'custom-font-here', Arial, sans-serif,
    font-size: 16px;
}

you can just play in with the values, as for using custom font you might want to check this thread: https://kriesi.at/support/topic/new-custom-font/

Cheers!
Nikko

Hi,

try this code:

#top .main_color  .avia-data-table.avia_pricing_minimal
th {
background: #d19a6e !important;
}

Best regards,
Andy

Hi mleite1!

Can you try to add this code on Quick CSS (under Enfold > General Styling):

#avia-menu ul.sub-menu {
    top: -50px;
}

.header-scrolled #avia-menu ul.sub-menu {
    top: 100%;
}

Just adjust the -50px as you see fit. Hope this helps. :)

Cheers!
Nikko

Hi Elen,

Kindly add this code in Quick CSS (located in General Styling):

@media only screen and (max-width:767px) {
	div .product {
	    width: 100% !important;
	    float: none !important;
	}

	.responsive #top.single-product #main .sidebar {
	    display: block !important;
	    width: 100%;
	}
}

This will fix the gap on the left and will display the sidebar (though it will appear on top instead).

Best regards,
Nikko