need ph# on mobile there

Hi-
I need to have my phone # listed somewhere between my logo and the pages navigation menu on the mobile landing page. I also need to add my tagline there as all.

The ph.# is (214) 370 - 9091 .
In addition what we do " HOME STAGING | INTERIOR DESIGN " should be there - between the logo and the pages navigation menu as well.

AND this language "SLEEK | STYLISH | AFFORDABLE" needs to show up on the slider as that's the main thing I want my future clients to remember about my brand.

Please tell me how to do that as I can't figure it out on my own.



In addition when I pull this website on my android phone it's not "responsive" at all. The pictures are all chopped up and distorted. Take a look at the portfolio page/staging photos for example so you can see what I am talking about.
Pictures are the driving force of what I do and I need for them to show as good as possible when people pull me website on their phone which apparently 97% of the population uses their phones for research these days and not so much their tablet, desktop or pc.
Thanks so much for all your help.

Keti

 

Hello,

You have added css code not to show right side detail in the custom css. That's why it is also not showing on mobile view.
You are Slider plugin at the sidebar which is not responsive in Android phones. Use "Wordpress slider plugin" it will work fine in mobile view too.

 

Please show me where to remove the custom CSS. I need for this website to be responsive.

What slider plug in are you referring to? Your theme came with the slider on the home page. I did not add that there.

I did a search for wordpress slider plug in and I do not see any such thing.

It's important that my theme works as a responsive theme.

Thanks for your help.

ALSO:

I have ended up with some "you might also like.." posts throughout the pages on my website on the bottom of the pages and on the sidebar..

See this link for details.
http://designbyketi.com/resources/

Where did they come from and how do I fix this?

 

Hello Ketia,

For contact:
All work done.
Please check your site now.

For sidebar slider:
Download plugin from the link given below.
http://wordpress.org/plugins/simple-slider-ssp/

 

Hi Thanks for doing this however it's not working right for the following reasons:

1. Please answer me this: Is this a responsive theme or not? My understanding of a responsive theme is that the website looks the same regardless of where you pull it, on a desktop, laptop, iphone, Ipad, tablet, android.

View this link to see how my website shows up across platforms. It looks horrible and unprofessional. I need this corrected asap.
http://www.studiopress.com/responsive/

Here is an example of a site that is TRULY Responsive:
http://www.uniqueexposurephotography.com/

Pull it up on a cell phone and you will see what I am taking about.


2. When I pull my website on a computer the Call us now and home staging/interior design are on top of the logo and even crossing over to the side which is not professional looking at all. This needs to be removed immediately. Since Home Staging/ interior design is already in my logo I don't need for it to be there on top again; its too repetitive. If the site was truly responsive there is absolutely no need to have the ph # on top anyhow as I have it at the middle and bottom of the page.

3. Now that you made all these changes the slider is all screwed up. The 4 black/gray buttons are now not confined to the image block, like they should be. Please fix immediately.

4. The " you might also like..." icons show up as all chopped up on the side bar and on the bottom of the page, the title of the blog is chopped up and on one of them it does not even show up at all. Please remove and prevent this feature for crawling the side bar, give it accurate space to appear below each blog post, make sure that title blog appears in all of them, make the title blog font a bit more large so it is easy to read.


Thanks

 

Hello,

1) A design which adjust itself according device or browser size is a responsive design.
Please visit link given below for more info.
http://en.wikipedia.org/wiki/Responsive_web_design

2) Your logo is too big that's why contact info is overlapping it.
To resolve it paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.logo img {
width: 100%;
}
.header-info {
color: your color value;
}

You have added "HOME STAGING | INTERIOR DESIGN"
in the Appearance > General settings > Home page top right corner.
Remove it from there.

3) Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.flex-control-nav li {
margin: -12px 0 2px 0px!important;}

4) I have not found such problem on your site. Please share screenshot where you are getting this issue.

 

Hi Nitesh-
Actually I do not like ho it looks with the logo being cut to the left. It throws the design aspect of it off. So that's not an option at this point.
So here is what I would like to do:

1. Remove the call us and address from the top so it does not show up there when you pull the website on a regular desktop.
2. For the mobile version of it leave the "tap to call" but change the color from blue to a custom color. Having tap to call and then the ph. number below is sort of redundant anyhow; no need to list the same thing twice. Please show me how to do those things.

As for the last issue , I sent the picture to the admin@inkthemes.

Thanks


Keti

 

Hello Keti,

1) Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

@media only screen and (max-width: 960px) and (min-width: 841px){
.header-info {
display: run-in;}}

@media only screen and (max-width: 767px){
.header-info {
display: run-in;}}

@media only screen and (max-width: 480px){
.header-info {
display: run-in;}}

2) Tap to call button is an image (Theme directory > images > tap-to-call.png). You can edit it through Photoshop or any other image editing tool.

 

Hi Nitesh-
1. I tried the above and it did not do anything. The ph # and the address still show up between the "tab to call" and the "pages navigation" on the mobile site. I don't want for that info to be there; it's too redundant.

2) ok. I still need for you to tell me where do I go to replace the current "tab to call button" with the another one. Can you please give me stet by step directions. Thanks

3. I am still having issues with the "you may also like" feature. See the details on this link: http://designbyketi.com/resources/
The “you may also like” feature, is not looking right from a design perspective. “ You may also like…” needs to be bold and #black or dark grey – whichever looks best. Also the title of each blog should be below the picture and perhaps in a larger font either #ED4E27 or #F6AE88 – whichever looks best. If this is not workable than how do we remove it? I did not put this there in the first place.

4. Although I like this “you may also like idea”, I don’t want for it to show up in the testimonial widget in the sidebar, right between the text of the testimony and the person who gave the testimony like in the picture below. It shows so on the first testimonial as you load a page but not the rest of them. Please show me how to ensure that this feature shows up below the name of the person who gave the testimony and not between it and the testimony itself. Either that, or totally remove it as a feature in the testimonial area.

5. The share social icons in the first testimonial on the side bar testimonial widget are need to be below the person who gave the testimony and not between it and the actual testimony
Thanks

Keti

 

Hello,

1.For your first issue

We have checked your website and it seems that by mistake you have forgottten to close curly braces above the code that's why the code is not working, Check code and close curly braces properly, This will solve your issue.

2.For your second issue

Go to images directory present in your theme directory and replace your image with present tap to call button image or edit it.

The name of image is "tap-to-call.png"

Note:- Use same name for your edited image and remove the current image.


3.For your third issue


Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.shr-recommendations-thumb-title {
font-size: 23px!important;
color: grey;
font-weight: bold;
}
 
.caption.track {
display: none!important;
}

4.For your fourth and fifth issue

We have checked your website and it seems that you are using plugin for your sidebar testimonial section area, Therefore it is not possible for us to provide code for that. Contact plugin related support forum they will provide solution for that.

 

Hi.1. I tried this:
}
@media only screen and (max-width: 960px) and (min-width: 841px){
.header-info {
display: run-in;}}
@media only screen and (max-width: 767px){
.header-info {
display: run-in;}}
@media only screen and (max-width: 480px){
.header-info {
display: run-in;}}


...and it still does not work.

2. Thanks. Will look into it.

3. Thanks. However I do need for the caption track to show up below the image. How do I do that.

4. Ok.



Thanks for your help.

Keti