Fixing Mobile Option on Twentyfourteen

  • Resolved Alison

    (@anonymical7)


    7 years ago

    Hi all,

    I cannot seem to get my twentyfourteen theme to display correctly in a mobile view. The content gets pushed to the right side and is not responsive. I am testing it in Chrome developer tools.

    Any ideas would be really appreciated! A**

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • superkot

    (@superkot)

    It is caused by width in 

    #content {
	width: 1038px !important;
}

    and

    .site-content {
    padding-top: 0em;
    width:950px!important;
}

    and

    .site:before {
	background-color: #dbdbdb;
	content: "";
	display: block;
	height: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 182px;
	z-index: 2;
}

    in your custom styles, and

    #content {
    margin: 0 !important;
    width: 950px !important
}

    in tablepress-combined.min.css
    Fix that and you have a readable mobile version.

    Thread Starter Alison

    (@anonymical7)

    Hey, thanks so much for advising, I am still learning css! Solved!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Fixing Mobile Option on Twentyfourteen’ is closed to new replies.

Tags