Change header position

  • ceriol

    (@ceriol)


    11 years, 8 months ago

    Hi!

    I would like to change the header position for my blog.

    This is the current code. I apologize for how bad it probably is.

    .site-title a 		{	color: #000 !important;
				position: absolute;
				left: 320px;
				font-size: 6rem;
				margin-top: 20px; }

    This makes the header text move around in different screen resolutions, and looks totally messed up on a mobile phone. How do I align the header text with the content?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter ceriol

    (@ceriol)

    11 years, 7 months ago

    Still need help. Thanks.

    metaprinter

    (@metaprinter)

    11 years, 7 months ago

    How would you like the site title to appear?

    Thread Starter ceriol

    (@ceriol)

    11 years, 7 months ago

    I want the title to be aligned with the main content. At the moment, I have an absolute position (left: 320 px), which causes it to have a different position relative to the content in different browsers.

    metaprinter

    (@metaprinter)

    11 years, 7 months ago

    a quick and dirty way to get this working for you with the same css break points as the rest of the site is to:
    1. remove the positioning and left from .site-title a
    then
    2. add the site-content class to your header element so it has the same css break points and style as the main body content area below it.
    <header id="masthead" class="site-header site-content" role="banner">

    The right way to do this is to modify the site-header class in a child theme stylesheet.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Change header position’ is closed to new replies.