Title page in mobile view

• 

  wawte1 · Member · Nov 2, 2016 at 8:07 am

  • Copy link
  • Add topic to favorites

  Hi all, using harmonic theme and the title page is only showing up on the top half of he screen when using a mobile (portrait). Any tips to solve ?

  Thanks

• 

  thesacredpath · Member · Nov 3, 2016 at 8:15 pm

  • Copy link

  Hi, this is a bit tricky. Add the following to your custom CSS and then play with the 10% value and make sure and check things in a phone and a tablet. You may have to work with it to get it to where it works on all devices in both orientations.

  @media screen and (max-width: 600px) {
  #single-titles #single-wrap, #header-branding {
      padding: 10% 0;
  }
  }

  I’ve done this with a Media Query and limited this change to 600px and narrower screens.

• 

  wawte1 · Member · Nov 3, 2016 at 10:57 pm

  • Copy link

  Perfect ! Used 70% which worked

  I have spent ages trying to solve this – you have made my day.

• 

  thesacredpath · Member · Nov 7, 2016 at 3:55 pm

  • Copy link

  Awesome, and you are welcome!

• 

  wawte1 · Member · Nov 9, 2016 at 11:49 pm

  • Copy link

  Hi -another query. How do I adjust the position and size of the tagline ?

  I have tried site.description CSS adjustments with no luck.

  Thanks

  Adam

• 

  thesacredpath · Member · Nov 12, 2016 at 11:52 am

  • Copy link

  Adam, are you talking about the “find your perfect meal” across the image? Harmony doesn’t actually show a site description as such.

• 

  wawte1 · Member · Nov 12, 2016 at 1:49 pm

  • Copy link

  Hi – yes that is what I am referring to.

  Ok so no way to move it around ?

• 

  thesacredpath · Member · Nov 12, 2016 at 3:01 pm

  • Copy link

  Yes you can. Add the following to the bottom of your custom CSS and adjust the 15% value as desired.

  @media screen and (max-width: 600px) {
  	#para-template #slide-1 .hsContent #header-branding {
  		padding-top: 15%;
  	}
  }