Support » Theme: MesoColumn » Header in mobile version

  • mhottinga

    (@mhottinga)


    Hi there,

    My header looks just fine on my laptop, but when I checked my website on my mobile phone the header is off. The letters are not show fully. Any idea how and what I can do about it?

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Richie KS

    (@rkcorp)

    do you mean the header title and description?
    try minimized the size, add this to theme option->custom css

    @media only screen and (min-width:280px) and (max-width:500px){
    #siteinfo h1 { font-size: 14px; }
    #siteinfo p { font-size:11px; }
    }
    mhottinga

    (@mhottinga)

    Hi Richie,

    Thanks! It looks a bit better now, but it still not quite there. Any other suggestions?

    Theme Author Richie KS

    (@rkcorp)

    can’t really know whats wrong without live link to check. do you have one?

    mhottinga

    (@mhottinga)

    Yes! Itsamamasworld.com. Thanks!

    Theme Author Richie KS

    (@rkcorp)

    i think you should use appeareance->custom header for your header and set

    Custom Header Overlay with logo: no

    and add this to theme option->custom css

    #header { display:none; }

    mhottinga

    (@mhottinga)

    Hi Richie,

    Thanks for the reply! When I do this, it appears nice on my mobile device, but not on my laptop. The position of the second menu bar then changes from under my logo/header (what I want) to above my logo/header. Any other suggestions?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header in mobile version’ is closed to new replies.