Stop header description from shifting when zooming in

Community Forums Forums Design Tips and Tricks Stop header description from shifting when zooming in

This topic is: not resolved

This topic contains 4 replies, has 3 voices, and was last updated by  benconnor 1 year, 8 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #6894

    benconnor
    Participant
    Post count: 26

    Hi guys,

    Struggling to get my head around this problem. Have tried all manner of things.

    With my website, on smart phones the header description text shifts to create two lines when I zoom in close – doesn’t do this on desktops cause i put in a #MainWrapper (for some reason smart phones don’t recognise this).

    Is there anyway of stopping it from doing this? A simple CSS command perhaps?

    I just want it to stay as one line and get cut off by the side of the screen if zooming in requires this.

    Here is my website: http://benconnormusic.com/

    Cheers,

    Ben

     

    #6949

    bwboykin
    Participant
    Post count: 11

    Hey Ben,

    Looks like the theme you are using ‘News’ is not responsive so minus the media query stylings you get already set up in the last 19-20+ themes StudioPress has offered up you’ll more than likely have to add that into your CSS in order to achieve the desired outcome. With their responsive themes you can pretty easily drill down and customize elements in each’s stylesheet like you have reference in order to show like you want on phones and tablets in both portrait and landscape mode.

     

    #6952

    Ozzy
    Participant
    Post count: 211

    if you’re not worried about responsive and just want to fix that issue, you could try going into your style.css, searching for #title-area and putting

    white-space: nowrap;

    into the styling of #title-area

    I don’t know if that will fix your problem, but i hope it helps!


    #6953

    bwboykin
    Participant
    Post count: 11

    Ozzy’s suggestion FTW! Proof that two heads are better than one : )

    #7050

    benconnor
    Participant
    Post count: 26

    Ha ha ha,

    I had responsive design bwboykin, but being far less tech savvy than someone like yourself, I didn’t find it easy to customise at all. Also want the mobile version to pretty much replicate the desktop, so getting rid of responsive design worked a treat.

    Ozzy!!! Once again, thank you man. Problem solved :-)

    Cheers,

    Ben

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Stop header description from shifting when zooming in’ is closed to new replies.