Logo positioning in Epik

Homepage › Community Forums › Epik Theme Support › Logo positioning in Epik

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 29, 2014 at 2:23 pm #12004
    Nikolaj7
    Customer

      Hi,

      I have some trouble positioning the logo right.

      I would like to do the following:

      1. On pc, the logo should be displayed just to the left of the site title
      2. On iPhone the logo should not be shown due to space constraints
      3. On iPad, Both in Landscape and Portrait mode, the logo should be displayed just to the left of the site title and it the site title and logo should be centered

      The logo is 60x60px.

      In functions.php I have edited this:

      // Add support for custom header
add_theme_support( 'genesis-custom-header', array(
	'width' => 60,
	'height' => 60
) );

      I have uploaded the logo and I have set a check mark in “Show header text…” in the Heading section of WordPress.

      Can somebody assist me achieving the above three points?

      Thanks.

      Link: http://tuxy.pm/1diK71M

      April 29, 2014 at 2:55 pm #12005
      Nikolaj7
      Customer

        I think I succeeded for point 1 by doing this in line 1907:

        .site-title {
	font-size: 32px;
	font-size: 2rem;
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
	line-height: 1;
/*	margin: 0 0 10px;*/
/*	margin: 0 0 0.625rem;*/
	margin: 0 0 10px 65px;
	margin: 0 0 0.625rem 4.0625rem;

}
        April 29, 2014 at 3:07 pm #12006
        Nikolaj7
        Customer

          Please can anybody help me in point 2. and 3. above?

          Thanks.

          April 29, 2014 at 4:42 pm #12009
          Nikolaj7
          Customer

            Just tested in Google Chrome and it doesn’t display properly.

            Anybody that can help on all three points above, please?

            Thanks.

            April 30, 2014 at 11:32 am #12032
            kronos
            Customer

              To remove the logo on mobile browsers add the following code to your mobile section of your css – 

              .epik-black .site-header {
	background: none !important;
}
              April 30, 2014 at 11:45 am #12034
              Nikolaj7
              Customer

                Thanks kronos, that answered point 2 above. 馃檪

                April 30, 2014 at 12:43 pm #12044
                kronos
                Customer

                  Forgot to mention I don’t have an iPad, so I didn’t want to make any guesses.

                  So anyone out there with an iPad can you please check #3 ?

                • Author
                  Posts
                Viewing 7 posts - 1 through 7 (of 7 total)
                • You must be logged in to reply to this topic.