Return to previous page

Smartphone responsive issues - by Sandra Douthit

This topic has 18 replies, 3 voices, and was last updated 9 years, 8 months ago ago by Eva Kemp

Sandra Douthit

Participant

April 12, 2016 at 23:18

Everything on my site looks great except for one of the text/headers I have on the welcome/home page in the smartphone views, the text is overlapping. Please help, ready to launch site.

Please, contact administrator
for this information.

#120923 Copied Theme version: Legenda 8theme WP WooCommerce version: 2.5.5

17 Answers

Jack Richardson

Support staff

April 13, 2016 at 08:25

Hello,

Please give us credentials to wp-admin panel as we can’t access the links you provided.
Also show a screenshot of the issue.

Thank you.

Best regards,
Jack Richardson.

#120953 Copied

Sandra Douthit

Participant

April 13, 2016 at 18:32

How do I attach a photo?

Please, contact administrator
for this information.

#121073 Copied

Jack Richardson

Support staff

April 13, 2016 at 18:37

Hello,

Please show a screenshot of the issue that you want to fix.

Thank you.
Best regards,
Jack Richardson.

#121075 Copied

Sandra Douthit

Participant

April 14, 2016 at 22:55

How do I attach the screenshot image? I tried a couple of different ways but the url didn’t work with the image coding. I actually asked this question yesterday but I don’t see it here…

#121339 Copied

Sandra Douthit

Participant

April 15, 2016 at 00:31

Never mind, I just did this from google+

Please, contact administrator
for this information.

#121341 Copied

Jack Richardson

Support staff

April 15, 2016 at 09:13

Hello,

The link for screenshot is incorrect.
Please check it.

Best regards,
Jack Richardson.

#121377 Copied

Sandra Douthit

Participant

April 18, 2016 at 21:23

This is the second time I’ve posted with another link to the screenshot. I posted before the weekend and I see once again that its not in the thread…

Please, contact administrator
for this information.

#121872 Copied
Jack Richardson

Support staff

April 19, 2016 at 08:08
Hello,

Please add this code in custom.css file:

@media (max-width: 480px) {h2.vc_custom_heading.vc_custom_1460329872913 { font-size: 20px !important; }}

How to create custom.css you can watch in this tutorial

Best regards,
Jack Richardson.
#121891 Copied
Sandra Douthit

Participant

April 19, 2016 at 19:40

Jack it still isn’t working. I pasted the code in the css style sheet for the page itself in visual editor, I pasted it in the default css style sheet in editor, I tried it in both and also just in one place or the other. I also cleared my cache multiple times with no success. I would also like to change the color of the header to a green, will I be able to do that with this custom code in place? I don’t understand why this one thing is the only thing that isn’t responsive?? I’ve had the website done for 8-days now and cannot launch it because of this issue.

#122004 Copied

Eva Kemp

Participant

April 20, 2016 at 08:57

Hello,

You have to rename default.custom.css to custom.css. Do this via FTP in wp-content/themes/legenda directory.
Do you want to change header color only on mobile or for desktop version too?

Regards,
Eva Kemp.

#122082 Copied

Sandra Douthit

Participant

April 20, 2016 at 11:17

Change header color in both mobile and desktop. I will change style sheet name. Thank you.

#122129 Copied

Sandra Douthit

Participant

April 20, 2016 at 11:42

I renamed the default.custom.css to custom.css via FTP in wp-content/themes/legenda directory. Placed the coding provided by Jack in the editor/directory under “appearance” in WP in custom css and it did not correct the problem. I emptied cache, no change. I placed the css coding in the custom css settings on the “welcome” page and no change…do you have another code for me to try now that I have changed the name of the css?

#122136 Copied
Eva Kemp

Participant

April 20, 2016 at 11:54
Hello,

I’ve changed the code to this one:

@media (max-width: 480px) {h2.vc_custom_heading { font-size: 20px !important; }}

Please check now.

To change header color add this css code in custom.css file:

.header-wrapper.header-type-6 { background-color: green; } .main-nav { background-color: white; }

Regards,
Eva Kemp.
#122140 Copied
Sandra Douthit

Participant

April 20, 2016 at 12:06

Eva thank you so much, it worked perfectly! OK, just one more thing…the top bar on the mobile view is cutting off the shopping cart/person figure for account images. What code would I use to fix this issue? You should be able to see it in the screenshot I provided.

#122144 Copied
Eva Kemp

Participant

April 20, 2016 at 12:12
Hello,

Please use this css code:

@media (max-width: 480px) {.top-bar { padding-top: 0px; padding-bottom: 10px; }}

Regards,
Eva Kemp.
#122147 Copied
Sandra Douthit

Participant

April 20, 2016 at 12:16

I had to get up at 4 a.m. to catch your support team, or at least you Eva, during the times you’re working to get this done. Everything is working perfectly now, I’m so pleased and grateful for all your help and prompt responses.

#122149 Copied

Eva Kemp

Participant

April 20, 2016 at 12:22

Hello,

You’re welcome and thank you for your feedback. We appreciate it very much.

Regards,
Eva Kemp.

#122153 Copied
Viewing 18 results - 1 through 18 (of 18 total)