Hi,

H is not showing up since it’s inside a shortcode which is prevented to show, just use the excerpt field if you can’t see it, expand the Screen Options (located top right) then check Excerpt, this field should appear below the Content Editor. Then just paste the text you want to show up without the shortcode. Hope this helps :)

Best regards,
Nikko

Hi Haiko,

For #1, can you try using this code instead:

#header_main { margin-top: 15px !important; }

For the other items, there are paddings built into the theme elements in order to give elegant spacing between them. We totally understand if you want them customized, and this can be done through Quick CSS. :)

We can still check if there’s something we can change through your Editor. May we have temporary access into your Dashboard so we can take a closer look at your page?

Best regards,
Sarah

Hi!

To move the background specifically for iPads (portrait and landscape), you can use something like this code:

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px)  {
  .page-id-804 #av_section_2 .avia-builder-el-12 {
    background-position: center -100px;
  }
}

Please replace the second value in the background-position (-100px) to fit your preference. Putting 0px will align the top of the image to the top of the section. A negative value nudges the image higher. A positive value will make it lower.

For more information about background-position attribute, please see this: https://www.w3schools.com/cssref/pr_background-position.asp

Best regards,
Sarah

Hey myproduct,

You can try using a Color Section and set the Section Minimum Height to “At least 100% of Browser Window Height”. Then, you can add content elements inside it. Our Blank Pages demo, for example, uses a Color Section with 75% Browser Window height. http://kriesi.at/themes/enfold-2017/pages/blank-pages/

This works for both desktop and mobile.

You can see the other uses of Color Section: http://kriesi.at/themes/enfold-2017/elements/color-section/

I hope that helps!
Let us know if you need further assistance.
Sarah

Hi,

Please try adding this into Quick CSS:

.header-scrolled .logo .subtext {
    font-size: 14px;
    top:5px;
}
.header-scrolled .logo i {
       font-size: 10px;
}
.header-scrolled .logo a {
   line-height: 15px;
   -webkit-transition: all .1s;
   transition: all .1s;
}
.header-scrolled .logo .subtext, .header-scrolled .logo i  {
   -webkit-transition: all .2s;
   transition: all .2s;
}

This is for after following the solution presented here, based on the documentation here.

Best regards,
Sarah

• This reply was modified 8 years, 11 months ago by Sarah. Reason: added the transition attribute for smoother look

Hi!

To move the text block specifically for iPad landscape mode only, you can use this code

@media only screen and (min-width:767px)
  and (max-width: 1024px) 
  and (orientation: landscape) {
  .page-id-804 #av_section_2 .avia-builder-el-12 {
    padding-top: 25px;
  }
}

Then please adjust the value of the padding to fit your preference.

Best regards,
Sarah