Header

  • Hi John

    thanks for the lovely theme, I like it alot.

    I would like to change the header font size for mobile version as the title is appearing as two lines.

    Also my image size is too big and only 1/4 appeared on mobile version. Can the mobile version pick up the image height and scale accordingly?

    Thanks so much!

    Blake

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author badjohnny

    (@badjohnny)

    Hi

    Thanks for using this theme and sorry for the delay!

    1. I’m sorry that the first question is a custom issue that is not include in the support, here’s a tip: You can find the header CSS selector by chrome developer tool, then write your own custom CSS, use CSS media query to resize the font size for the mobile version.

    2. The picture was set as cover background by CSS background-size:cover; It can’t resize image very accurately, only if you can reset the background-size:WIDTH HEIGHT; for mobile version separately.

    Thanks

    Thread Starter arcenciel

    (@arcenciel)

    Hi John

    thanks so much, I managed to scale the background on the mobile version just by changing

    background-size:cover; to background-height:100%;

    thanks again for the wonderful theme!

    Do you happen to know how I can change the 3 categories to static pages?

    Hi, John!
    Could you explain in more details how to make a header responsive?
    I am not familiar with CSS, and I am afraid to make mistakes.

    Thanks

    Theme Author badjohnny

    (@badjohnny)

    Hi, you can use the following custom CSS to reduce the font size for mobile screen.

    @media (max-width: 768px){
 .section-title{font-size:24px;}
}

    You can change the font size by yourself.

    Thanks

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