Menu is covering logo on iPad

Hey kkwasniewski,

There are too many menu items to fit in the width of tablet we need to trigger the mobile menu in tablet view as well Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 1300px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

Best regards,
Vinay

Hi,

Try to add this code after Vinay’s code:

@media only screen and (max-width:767px) {
	ul.av-catalogue-list {
	    text-align: center;
	}

	.av-catalogue-title,
	.av-catalogue-content {
	    padding-right: 0;
	}

	.av-catalogue-price {
	    position: static;
	}
}

Hope this helps :)

Best regards,
Nikko

Hi!

Kindly add this code:

.flex_column.av_one_half {
    word-break: break-word;
}

.flex_column.av_one_half .avia_textblock h2 {
    font-size: 18px !important;
    line-height: 1.3;
    margin-bottom: 16px;
}

.flex_column.av_one_half .avia_textblock h3 {
    font-size: 16px;
    line-height: 1.4;
}

at the bottom of this code:

.av-catalogue-price {
	position: static;
}

Just adjust the font-size and line-height values. Let us know if it works :)

Best regards,
Nikko

Hi Krzysztof,

Glad that we could help :)

Best regards,
Nikko