search

BenSibley / Tracks

Tracks WordPress Theme
https://www.competethemes.com/tracks/
9 stars 2 forks source link

Overlapping of long site title and menu in mobile version #56

Closed SeniorSpielbergo closed 9 years ago

SeniorSpielbergo commented 9 years ago

I am using your theme on my website (www.david-wille.de). The theme really looks great even on my small Nexus 4 screen, but I identified an unpleasant overlapping of my site title "David Wille | Photography" and the menu of the mobile layout.

Steps to reproduce:

  1. Open my website: www.david-wille.de on a mobile device with a 4" screen.
  2. Click on the menu button.

You can see that the line break of the page title "David Wille | Photography" causes the first entry in the menu to be overlaped by the page title.

BenSibley commented 9 years ago

Hey thanks for catching that. Looks like I'll need to add some JS to reposition the menu based on the site title's height. Kind of an ugly solution, but it will have to do.

For now, you can use the following to keep the menu below the site title on your site at mobile widths:

@media all and (max-width: 500px) {

  #menu-primary {
    padding-top: 144px !important;
  }
}
SeniorSpielbergo commented 9 years ago

Thanks for your quick reply. This fixed the problem. You do a really great job and I really like the theme!

BenSibley commented 9 years ago

Yea no problem, thanks for the kind words :)