Harmonic theme on mobile

  • seaviews

    (@seaviews)


    8 years, 4 months ago

    Hello,
    Using the Harmonic theme, I have inserted the following custom CSS to give a fixed home page with no scrolling. I’m no expert – I found this on google.

    .home #slide-content {
    display: none;
    }

    .home #masthead, .home #footer-nav-wrapper, body.home #colophon, .hsContainer {
    position: fixed;
    }

    That has worked on a computer screen but not on a mobile. On a mobile I get the menu button but otherwise just the background image. My background is plain black so it’s not looking great!

    Why am I seeing the background image and not the Title image as set in the theme options? If I remove the code above I get the normal Harmonic layout on both computer and mobile but I’d like to have a fixed homepage.

Viewing 2 replies - 1 through 2 (of 2 total)
  • mrtom414

    (@mrtom414)

    8 years, 4 months ago

    I don’t have this theme loaded but it sounds like the theme has a media query for the mobile device. If you don’t want the changes to take place on all device you will need to create or add the code above just in a media query for the full screen view. You will probably need to look for a statement that looks like this

    @media screen and (min-width:980px){

    }

    Note I made up the size so it will probably not match the size your looking for. Once you find the statement enter the code above in the brackets.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    8 years, 4 months ago

    @seaviews, if we could have a link to the site you are talking about, if it is public, it would be a great help since otherwise it is a bit of a guess.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Harmonic theme on mobile’ is closed to new replies.