search

GavickPro / Portfolio-Free-Joomla-Template

3 stars 4 forks source link

Navigation on mobile devices not working fine #49

Open AnneRoseLoves opened 7 years ago

AnneRoseLoves commented 7 years ago

Hi everyone, I've got a problem with the navigation on mobile devices/small devices. Link: http://karto-und-graphie.de/ I guess the problem is, that theres no background on the menu items. I guess its a simple issue, can anyone help? Would appreciate it <3 Thanks a lot!

AnneRoseLoves commented 7 years ago

After I got a really nice mail from a github member, I was motivated enough and tried another time. Here's what I found out: Go to templates > (not styles but) templates > your template name > css > template.css From line 2353 on @media (max-width: 720px) you can change the style of your menu. I changed the parameters of the menu headline:

.navigation:before {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    content: "≡ Menü";
    color: #ffffff;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 1.6rem;
    padding: 8px 16px;
  }

as well as the background of the nav links in the following lines of the css. Easy enough. Hope it helps anyone. Have fun!