realignment of archive title not working properly on mobile

  • Resolved arjunjain16

    (@arjunjain16)


    10 years, 6 months ago

    Hello. I am new to wp and to this forum. I’ve been making my first website and have been customizing it using CSS edits. A problem I tried to solve was to hide the ‘Category Archives:…’ title on category pages. To do this and to realign with the the sidebar in twentyfourteen, I used the following. Although it is working perfectly in my browser, even if I reduce the window size, it is not on my mobile phone- the page seems to be shifted up and gets cut off. What do you suggest? I do have the viewport meta tag in the html head.

    .archive-title {
    font-size: 15px;
    text-align: center;
    font-weight: normal;
    position: relative;
    margin-bottom: -60px;
    margin-top: -95px;
    }

Viewing 10 replies - 1 through 10 (of 10 total)

  • can you put a link?

    Thread Starter arjunjain16

    (@arjunjain16)

    Thanks for replying. Sure- arjunjain.in

    Can you remove your fix above and describe what you were trying to fix again?

    Also, verify your mobile phone view looks fine without it.

    This image is not loading: Eug%C3%A8ne_Delacroix_-_La_libert%C3%A9_guidant_le_peupless.jpg

    Try to rename without all the special characters. Try to use LESS characters too.

    Thread Starter arjunjain16

    (@arjunjain16)

    If I remove the fix, it is working quite alright on my mobile. The problem is here. Without the edit, the image is shifted down with the ugly ‘Category Archives:..’ written on top. The problem is only in the vertical orientation of the phone screen.

    remove your fix and I’ll give you a different one to remove the category title.

    I kind of need to see it and test first.

    Thread Starter arjunjain16

    (@arjunjain16)

    Done.

    .archive-header {
display:none;
}
.content-area {
padding-top: 0!important;
}

    Try that.

    Thread Starter arjunjain16

    (@arjunjain16)

    Wow. Thanks – it works perfectly. I had some other problems with images too. Could you help me with that- I’ll start different threads for those in some time.

    Thread Starter arjunjain16

    (@arjunjain16)

    I’m sorry. I did not notice before but now everything (including featured images) is shifting up on pages including the static page on the homepage. Please suggest sth else.

    Thread Starter arjunjain16

    (@arjunjain16)

    I got it.

    I used this instead:

    section#primary.content-area {
    padding-top: 0!important;
    }

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘realignment of archive title not working properly on mobile’ is closed to new replies.