Return to previous page

Mobile Responsive Coding Help - by jessica

This topic has 15 replies, 4 voices, and was last updated 9 years, 7 months ago ago by Eva Kemp

jessica

Participant

March 30, 2015 at 05:43

Hello 🙂

I made some customizations to my website and would like some assistance as I need to ensure the headline text sizes are mobile friendly –

as you can see, on the homepage I am looking to change to font-size of the H-tags on the homepage, I tried this code but it is not seeming to adjust. Can you please assist me?

@media (max-width:480px) {.homepage-title h2 {font-size: 16px !important; width: 100%;}}

Thank you!!

Jessica

#53077 Copied Theme version: 3.7

14 Answers

Eva Kemp

Support staff

March 30, 2015 at 12:16

Hello,

Please add this code in custom.css file:
@media (max-width:480px) {.homepage-title h2, .homepage-title strong {font-size: 16px !important;}}

Regards,
Eva Kemp.

#53145 Copied

jessica

Participant

March 30, 2015 at 16:45

Hi Eva,

Thanks for that – It did not work or change anything. Anything else we can do ?

Thanks

#53263 Copied Theme version: 3.7

Robert Hall

Support staff

March 30, 2015 at 17:00

Hello,

Do you have enable custom css in Theme Options?
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.

#53268 Copied

jessica

Participant

March 30, 2015 at 17:04

It says it is enabled – infact, none of the responsive coding is actually working at all…

#53271 Copied

Robert Hall

Support staff

March 30, 2015 at 17:09

Hello,

Please provide us with wp-admin and FTP credentials in Private Content.

Regards,
Robert Hall.

#53272 Copied

Brian Johnson

Member

March 30, 2015 at 17:16

Hello

Please make following changes in style.css : find .homepage-title h2 and remove !important tag
from line font-size: 44px !important;.
We strogly recommend make all changes in Child theme..

With best regards
Brian Johnson

#53279 Copied

jessica

Participant

March 30, 2015 at 17:34

The only reason I have made edits to the style css is because my custom CSS is not working… none of this is working for mobile. I have attached my login information in to the private area

Please, contact administrator
for this information.

#53285 Copied Theme version: 3.7

Robert Hall

Support staff

March 30, 2015 at 18:09

Hello,

As I see it’s working fine now. Please see screenshot: http://prntscr.com/6nbxq8

Regards,
Robert Hall.

#53308 Copied

jessica

Participant

March 30, 2015 at 18:19

That’s really odd as it is not working on my end. How do I attach Jpegs to this support chain?

#53316 Copied

Eva Kemp

Support staff

March 30, 2015 at 19:28

Hello,

Please clear browser cache and check again or check in another browser.
You can upload screenshots to some image storage, for example http://imgur.com/ and provide us with links.

Thank you.
Regards,
Eva Kemp.

#53356 Copied

jessica

Participant

March 30, 2015 at 23:07

None of my coding is working anymore, I keep editing things and nothing is happening. I even deactivated the cache plugin. What is happening?

#53412 Copied

Eva Kemp

Support staff

March 31, 2015 at 08:06

Hello,

You need also clear cache folder via FTP in wp-content directory and deactivate cache in wp-config.php file.

Regards,
Eva Kemp.

#53446 Copied

jessica

Participant

March 31, 2015 at 17:05

Hi there 🙂

Got it working now, thanks!

One last question, is there a way for it to show the telephone number instead of the shopping cart on mobile?

#53662 Copied
Eva Kemp

Support staff

April 1, 2015 at 13:48
Hello,

Please add this code in custom.css file:
```
@media (max-width: 480px) {.header-variant2 #top-cart {
 display: none !important;
}
.header-phone {
    display: block !important;
}}
```
Regards,
Eva Kemp.
#53837 Copied
Viewing 15 results - 1 through 15 (of 15 total)