Kye

Hey there,

I suspect (but could be wrong) that the theme is either within another folder or another compressed file of the zip archive you have.

You could uncompress the file and upload manually via FTP or your cPanel file manager (or similar if not using cPanel).

Unfortunately we won’t be able to assist further here, you see that’s a premium theme and as such we can’t provide support from WP.org as per the forum rules:

http://codex.ww.wp.xz.cn/Forum_Welcome#Commercial_Products

You will need to get support from the author of the theme you purchased:

http://themeforest.net/item/attracto-html-responsive-template/1817036/support

Sorry I can assist further on here, hope you get it all sorted 🙂

Have a great weekend!

Hey there,

This happens to make the theme responsive for mobile devices.

Looking at the themes demo page you could do something like this:

#main-header{background-size: 80px 60px;}

The first value is width and the second height, set them accordingly.

Hope this helps. 🙂

Originally you only wanted the author name and not all the meta hence the CSS I provided.

The date isn’t part of the same area, you’d need this:

.search .date_of_post{display:none;}

Take care.

Hey there,

You could set the content to scroll with this CSS:

.sidebar {
overflow: scroll;
}

That should stop it flowing off and some appearing to get chopped. 🙂

There is a chance that the theme has a CSS field in the options, if not then you can make a child theme:

http://codex.ww.wp.xz.cn/Child_Themes
http://premium.wpmudev.org/blog/create-wordpress-child-theme/

Or you can instead use a plugin if you like:

http://ww.wp.xz.cn/plugins/custom-css-manager-plugin/screenshots/

http://ww.wp.xz.cn/plugins/my-custom-css/screenshots/

http://ww.wp.xz.cn/plugins/pc-custom-css/

http://ww.wp.xz.cn/plugins/imporved-simpler-css/screenshots/

Have a fantastic day! 🙂

Hey there,

Not sure if this theme has an option but you could use this CSS:

.search .author-link{display:none}

That should affect only the search pages. 🙂

Hope this helps 🙂

Have a great day.

Hey there,

Looking at the code it disables for screens smaller than 600px, the iPhone being one of those.

You’ll not that it’s enabled for:

@media screen and (min-width: 600px)

So we could reverse that like:

@media screen and (max-width: 600px) {

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
}

You’ll need to test this to see how responsive and well it will work on devices smaller than 600px.

Another option would be using Jetpack, that has a mobile theme included in there which is pretty sweet:

http://ww.wp.xz.cn/plugins/jetpack/

Hope this helps.

Take care.

Hey again.

I was just checking in to see how you were going and I see now that the blogs page has a link to your test article.

I assume you managed to get this fixed now?

Just in case it helps others would you mind sharing what you did?

Take care.

You’re most welcome, hope you have a great weekend too! 🙂