Trouble Formatting Mobile Site

  • Resolved Nicole Ortiz

    (@t1nydancaa)


    8 years, 3 months ago

    I’m trying to adjust my slider font on my homepage on mobile so that the entire title appears rather than the font getting cut off like it currently is. All of the codes that I found didn’t work for me.

    Most recently I tried the following with no success:

    @media only screen and (max-width: 600px) {
    .home-slider-block h3 {
    font-size: 24px!important;
    }
    }

    Any ideas how I can get this to all fit on my mobile site?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Kim White

    (@kimwhite)

    8 years, 3 months ago

    That looks good and works when I play with it.
    Where are you putting your .css?

    Thread Starter Nicole Ortiz

    (@t1nydancaa)

    8 years, 3 months ago

    @kimwhite I went into Customize -> Switch to Mobile Theme -> and put it in the Additional CSS box.

    Kim White

    (@kimwhite)

    8 years, 3 months ago

    I’ve installed it on my demo site and I got it to work.

    “Switch to Mobile Theme” is this the icon on the bottom or a section actually named that?
    I’m not seeing that.

    When I install the code in the Customizer -> Additional CSS box it is working.
    You might want to post in the theme support forums.
    https://wordpress.org/support/theme/avant

    Kim White

    (@kimwhite)

    8 years, 3 months ago

    What I’m seeing:
    https://www.dropbox.com/s/q7yd83o7mdokxyo/Screenshot%202018-01-20%2001.32.47.png?dl=0

    (the h3 is “PAINT A PICTURE” line…)

    • This reply was modified 8 years, 3 months ago by Kim White.
    Thread Starter Nicole Ortiz

    (@t1nydancaa)

    8 years, 3 months ago

    It says “switch to mobile theme” at the top. This is what it looks like on my screen: https://imgur.com/qtjLmw7.

    I don’t have anything other than the title on my slider. It shows up on the home page of my web theme, though: nicoleisortiz.com.

    Kim White

    (@kimwhite)

    8 years, 3 months ago

    Ok. So the media query you wrote works for small screens (not clicking on mobile screen theme).

    If it’s the mobile theme your writing too there should be no need to write the queries.

    On the mobile theme, the “My Copy is heavenly… ” section is written in an H2,
    <h2 class=”post-title heading font”>

    Your theme is responsive, so I don’t see why you don’t really need a mobile theme.
    Did you add this with Jetpack? You can turn it off if you like and the original query will work.

    Thread Starter Nicole Ortiz

    (@t1nydancaa)

    8 years, 3 months ago

    Oh, it may be an aspect of Jetpack and I didn’t realize it. I tried inputting the code above into my additional CSS box on the regular desktop theme version, but it still made no change when I looked at it on my mobile device.

    ETA: I found out what the isuse was! I had a plugin activated that was messing everything up, so all is well now (finally!). Thanks for your help, @kimwhite!

    • This reply was modified 8 years, 3 months ago by Nicole Ortiz.
Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Trouble Formatting Mobile Site’ is closed to new replies.