Title Alignment Issues in Mobile View

  • Resolved rachelgasarini

    (@rachelgasarini)


    10 years, 6 months ago

    Hi,

    I moved the title of my blog further down from it’s default position. It looks perfect in desktop and tablet view, but it overlaps the menu in mobile view.

    http://rachelgasparini.com

    Can anyone help me keep the position but make it look correct in mobile view?

    Thanks,
    Rachel

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    10 years, 6 months ago

    Hi there, the site you reference is hosted at WordPress.com, and those sites are supported at http://en.forums.wordpress.com, so it is best to as questions regarding this site over there.

    That said, I did take a look at your site and I would suggest that you put the two rules that move the title down into a media query that restricts the repositioning to 525px and wider screens and below that things return to the normal layout. Remove the following two rules from your custom CSS

    .site-branding {
    min-height: 169px;
}
.site-title {
    content: "";
    position: relative;
    top: 130px;
}

    and add the following and see what you think.

    @media screen and (min-width: 525px) {
.site-branding {
	min-height:169px;
}
.site-title {
	position:relative;
	top:130px;
	content:"";
}
}

Viewing 1 replies (of 1 total)

The topic ‘Title Alignment Issues in Mobile View’ is closed to new replies.