[Sakin]

@dr_cynthia: Ok I found why you have issue in your phone. There is conflict with Jetpack plugin “Mobile Theme” module. So, just to go JetPack and deactivate “Mobile Theme” module.

[Sakin]

@Vanessa: When I check in your site everything is fine. Maybe you have browser related issued. From which browser you have issues?

[Sakin]

@Dave.82: Fist you need to remove your following css from “Custom CSS” box.

#secondary { float: right; padding-top: 20px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; text-align: left; width: 250px; font-family: Tahoma; font-size: 16px; Arial; line-height: 1.2; background-color: #fafafa; border-left: 1px solid #e6e6e6; }
/* =Sidebar verrücken
----------------------------------------------- */
#secondary{ margin-top: -50px; margin-right: -50px; }

The above custom css is conflicting with your responsive mobile design. So, if you want to add that you need to add that only for larger screen. Then the css will be as below:

@media screen and (min-width: 961px) {
#secondary { float: right; padding-top: 20px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; text-align: left; width: 250px; font-family: Tahoma; font-size: 16px; Arial; line-height: 1.2; background-color: #fafafa; border-left: 1px solid #e6e6e6; }

/* =Sidebar verrücken
----------------------------------------------- */
#secondary{ margin-top: -50px; margin-right: -50px; }
}

To Hide the Header Right Segment and the right sidebar in mobile devices below 768px you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

@media screen and (max-width: 767px) {
/* Hide Header Right Section */
#header-right { display: none; }
/* Hide Right Sidebar */
#secondary { display: none; }
}

[Sakin]

@dr_cynthia: Please post in your site URL so that I can check in.

[Sakin]

@dr_cynthia: Maybe that text boxes are not responsive design. Catch Box is responsive design so the plugin css also need to be responsive to adjust the mobile design. Can you share your URL where you have issue in iPad and phone. Let me check in if here is any quick css that I can send you.

[Sakin]

@Ralph177: If you set to show excerpt then you need to add “Featured Image” in those post in order to show the image. In the full content mode, it will show all of your content exactly as it is. But you can add more tag to control the content break for home, see this http://en.support.wordpress.com/splitting-content/more-tag/

[Sakin]

@GinaL: can you send me your site URL and explain in reference to your site which you want to change it. So, I can check your site and send you custom css. For explanation you can also use screenshots.

[Sakin]

@Teabear: Do you mean your site Title and Tagline. If you are try to adjust that then you can add the following CSS in “Appearance => Theme Options => Custom CSS” box. YOu can adjust the font size as per you need.

h1#site-title { font-size: 45px; }
h2#site-description { font-size: 14px; }

[Sakin]

@shesue: It’s not a theme issue. It’s your shipping settings in WooCommerce plugin. See in this screenshot https://dl.dropboxusercontent.com/u/81234910/duncancarders.png where I can select the address. For shipping you can check on youtube for video which will show you how to add it. Also check out the shipping documents at docs.woothemes.com/documentation/plugins/woocommerce/getting-started/shipping/core-shipping-options

[Sakin]

@blackkeys: You site is looking fine in my mobile devices. It’s a responsive view and the design changes as per the screen size. But if you want to make it same like in the desktop view then you need to disable the responsive view from “Appearance => Theme Options => Responsive Design”.

[Sakin]

@Graham: Please post your site URL so that I can check in.

[Sakin]

@shesue: You wither need to post your two image url or if you have upload in your page then that page needs to be published. We cannot view preview the page which haven’t been published.

[Sakin]

@impresnet: It’s not working as you have addition custom CSS below that. Please check your custom css box and you will find the following CSS which is overwriting it.

/* Sub Menu Background */
#header-menu ul.menu ul a { background-color: #187bc9; line-height: 15px;}

[Sakin]

@OBO Bettermann: There is little bug in css and will fix in new version. But for now, you can add the following CSS in “Appearance = Theme Options => Custom CSS” box.

#main .article { word-wrap: break-word; }
/* For Mobile font size */
@media screen and (max-width: 767px) {
	.hentry .entry-title {
		font-size: 21px;
	}
}

[Sakin]

@Sihedow: This is bit complex. You need to build child theme and then create functions.php file in your child theme and copy function catchbox_posted_on() and edit there.

[Sakin]

@obiokere: You cannot do that with basic CSS. You need to do full customization. So, consider hiring customizer for that.

But there is one trick of background image with CSS. Can you upload the mobile image in your site and send me that image url and I will check in.

[Sakin]

@shesue: Sorry I don’t see any shipping costs area. Can you upload the screenshot in your site and send me the URL. I cannot see it. Also the screenshot of how it should be.

[Sakin]

@Ralph177: As that is not your homepage, you have added category as home in menu. Right now I see that you have hide it. If you want to hide it then the CSS that you have to add in “Appearance => Theme Options => Custom CSS” is as below:
.archive .page-header { display: none; }

[Sakin]

@owen: If you want me to try in your site then you can reply my email that I have just send in.

[Sakin]

@JackJJW: Yes, there are lot of options that you can play with. Thanks you found it. Cheers 🙂

[Author]

Posts