Hey koxkox,

Could you please give us a link to your website, we need more context to be able to help you.

Do you mean the font size changes?

Best regards,
Victoria

Hi 805ITS,

The code Rikard gave doesn’t reflect on your site, can you try to disable temporarily the CSS file merging and compression in Enfold > Performance.
It should take effect on devices with screenwidth about 1024px (same as ipad in landscape mode).
Can you also set the font size of your main menu links to just 15-16px? 18px seems to big and overlaps with the logo.

Best regards,
Nikko

Hi Charlotte,

I have checked your site and it’s reflecting the right font size which is 16px.
Try setting it to a higher value and it should get bigger.

Best regards,
Nikko

Hi Manuela,

Your code should work but your need to remove the spaces for example:

:: – webkit-input-placeholder {color: # fdd02c; font-size: 12px;}

should be:

::-webkit-input-placeholder {color: # fdd02c; font-size: 12px;}

You can use this instead:

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: # fdd02c;
  font-size: 12px
}

::-moz-placeholder { /* Firefox 19+ */
  color: # fdd02c;
  font-size: 12px
}

:-ms-input-placeholder { /* IE 10+ */
  color: # fdd02c;
  font-size: 12px
}

:-moz-placeholder { /* Firefox 18- */
  color: # fdd02c;
  font-size: 12px
}

Best regards,
Nikko

Hey carTransport,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 768px) and (max-width: 1024px){
  #top #av-layout-grid-9 .no_margin.av_one_third {
  padding: 20px !important;
  }
  #top #av-layout-grid-9 .no_margin.av_two_third {
   padding: 30px 40px 30px 10px !important;
  }
  h3.iconbox_content_title a {
    font-size: 17px;
  }
  .iconbox_content p {
        word-break: break-word;
  }
}
@media only screen and (max-width: 1024px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi dasemarc,

It seems to be missing some css, I have manually added this in Quick CSS:

.avia-cookie-consent{
	width: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.85);
	z-index: 999;
	color: rgba(255,255,255,0.9);
	padding: 1.1em;
	text-align: center;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.avia-cookie-consent .container{
	float: none !important;
	padding: 0 !important;
}

.avia-cookie-consent a.avia_cookie_infolink,
.avia-cookie-consent p,
.avia-cookie-consent .avia-cookie-consent-button{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	letter-spacing: 0.05em;
}

.avia-cookie-consent a.avia_cookie_infolink{
	color: inherit;
}

.avia-cookie-consent p{
	margin: 0;
}

.avia-cookie-consent a.avia_cookie_infolink,
.avia-cookie-consent p{
	margin-right: 0.5em;
}

.avia-cookie-consent .avia-cookie-consent-button{
	cursor: pointer;
	display: inline-block;
	background-color: #fff;
	border:2px solid transparent;
	color: #000;
	padding: 1.1em;
	min-width: 80px;
	border-radius: 3px;
	text-decoration: none;
	transition: all 0.3s ease-in;
	line-height: 1;
	white-space: nowrap;
	margin:0 0 0 6px;
}

.avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn{
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

a.avia-cookie-consent-button:hover{
	opacity: 0.9;
}

.avia-cookiemessage-bottom{
	bottom: 0;
	left: 0;
}

.avia-cookiemessage-top{
	top: 0;
	left: 0;
}

.avia-cookiemessage-top-left,
.avia-cookiemessage-bottom-left,
.avia-cookiemessage-top-right,
.avia-cookiemessage-bottom-right{
	width: 25%;
}

.avia-cookiemessage-top-left a.avia_cookie_infolink,
.avia-cookiemessage-bottom-left a.avia_cookie_infolink,
.avia-cookiemessage-top-right a.avia_cookie_infolink,
.avia-cookiemessage-bottom-right a.avia_cookie_infolink,
.avia-cookiemessage-top-left p,
.avia-cookiemessage-bottom-left p,
.avia-cookiemessage-top-right p,
.avia-cookiemessage-bottom-right p {
	display: block;
	margin-right: 0;
}

.avia-cookiemessage-top-left .avia-cookie-consent-button,
.avia-cookiemessage-bottom-left .avia-cookie-consent-button,
.avia-cookiemessage-top-right .avia-cookie-consent-button,
.avia-cookiemessage-bottom-right .avia-cookie-consent-button{
	margin: 0.5em;
}

.avia-cookiemessage-bottom-right{
	bottom: 30px;
	right: 30px;
}

.avia-cookiemessage-top-right{
	top: 30px;
	right: 30px;
}

.avia-cookiemessage-bottom-left{
	bottom: 30px;
	left: 30px;
}

.avia-cookiemessage-top-left{
	top: 30px;
	left: 30px;
}

.avia-cookie-consent.cookiebar-hidden{
	opacity: 0;
	visibility: hidden;
}

.avia-cookiemessage-top.cookiebar-hidden {
	transform: translateY(-110%);
}

.avia-cookiemessage-bottom.cookiebar-hidden {
	transform: translateY(110%);
}

.avia-cookiemessage-bottom-left.cookiebar-hidden,
.avia-cookiemessage-top-left.cookiebar-hidden {
	transform: translateX(-110%);
}

.avia-cookiemessage-bottom-right.cookiebar-hidden,
.avia-cookiemessage-top-right.cookiebar-hidden {
	transform: translateX(110%);
}

.avia-cookie-consent.avia-cookiemessage-bottom.cookiebar-hidden{
	bottom: -50px;
}

body.admin-bar .avia-cookiemessage-top,
body.admin-bar .avia-cookiemessage-top-right,
body.admin-bar .avia-cookiemessage-top-left
{
	margin-top: 32px;
}

.av-inline-modal {
    padding: 20px;
    border-radius: 4px;
    min-width: 250px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    display: none;
    -webkit-transition: opacity 0.2s ease-in-out;
	transition: 		opacity 0.2s ease-in-out;
	opacity: 0;
}

.avia-popup .av-inline-modal{
	display:block;
	opacity: 1;
}

.avia-popup.mfp-removing .av-inline-modal{
	opacity: 0;
}

.avia-popup .av-inline-modal .mfp-close{
	right: 18px;
	top:18px;
}

.avia-popup .av-inline-modal .mfp-close:hover{
    border: 2px solid #e1e0e0;
}

.avia-popup .av-inline-modal .tabcontainer{
	min-height: 320px;
}

.avia-popup .av-inline-modal .tab{
	    padding: 20px 16px;
	    font-size: 14px;
    font-weight: bold;
}

.avia-popup .av-inline-modal > .av-special-heading{padding-right:40px;}

Best regards,
Nikko

Hey Tanya,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#top .social_bookmarks li.av-social-link-realself  a { 
  padding-top: 5px;
}
#top #wrap_all .av-social-link-realself :before { 
  font-size: 20px;
}

If you need further assistance please let us know.

Best regards,
Victoria