custom logo not responsive on smartphones

any fix for the custom logo and a google map not being responsive when viewed on a smartphone.

Thanks

http://tru-artsalon.in-temecula.com/

 

1.For your first issue

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

Code:

@media only screen and (min-width: 768px) and (max-width: 960px) {
.logo img {
margin-left: 1px;
}
}
@media only screen and (max-width: 767px) {
.logo img {
margin-left: 1px;
}
}
 
@media only screen and (max-width: 480px) {
.logo img {
margin-left: 1px;
}
}

2.For your second issue

In your google map iframe code set its width 100%.


This will solve your issue.

 

Sorry, that code did not work. Could there be a better solution?

 

THAT DID NOT WORK. WILL SOMEBODY AT SUPPORT PLEASE HELP WITH A SOLUTION TO THIS ISSUE.
YOUR RESPONSIVE THEME IS NOT RESPONSIVE IF YOUR CUSTOM LOGO FEATURE IS NOT RESPONSIVE.

 

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

Code:

@media only screen and (min-width: 768px) and (max-width: 960px) {
.logo img {
margin-left: 80px!important;
}
}
@media only screen and (max-width: 767px) {
.logo img {
margin-left: 1px!important;
}
}
 
@media only screen and (max-width: 480px) {
.logo img {
margin-left: 1px!important;
}
}

 

Again, that did not work. It made it worse.
I have fixed the logo problem myself, by placing it on the left margin in my pc. It shows on the left margin on a Pc but on a smartphone it is in the center. I can live with that. I would prefer they were both centered. I have logos centered using other themes( not yours ) and thier themes are fully responsive without trying to go through all this buggy mess.

Now the problem is and has been the Homepage intro text bleeds into the homepage slider image when my smartphone is held vertically, but it corrects itself if held horizontally.
See for yourself---http://tru-artsalon.in-temecula.com/
Thank you for your help.

 

Hello Chibee,

Download theme again from members area it will resolve your issue.
Latest version (3.2.1) contain active slider for mobile view and you are using version (3.2). That's why this issue is occurring.

 

I installed new version 3.2.1 It did not work. Same thing with homepage intro bleeding into slider image
Just to let you know, I do not have this problem with blackbird

 

I fixed it myself by adding another slider image. It stopped the bleeding of the homepage intro into the image.
I had to remove the slider text box using this code:
.slide .slide-content.entry {
display:none;
}
The reason for removing the slider text box is because on smartphones whatever is in the slider text box is not on the image-like on a pc- but it is showing up as you scroll down the page and shows up under the homepage intro text.
Thank you for your assistance.