Logo, menu toggle and module text overlapping

homepg_issue.png

Hi Gavick,

On my home page, the logo, menu, and first module text are all overlapping when viewed on an iPhone 5S, unlike the Quark demo. (The site was built on the demo, and the module text was just edited, so I don't know why it is having these problems).

The logo text is just a little bit longer than your demo logo text. When the screen is smaller, the logo text gets pushed up, and the menu toggle text gets pushed down. And the headline text in the module goes up and overlaps everything.

How can I fix this problem?
Site is Joomla 3.4.4. Quark 1.2.0.

Thanks!

Could you please post an url to your site?

Some of your problems are caused by things you have put in override.css, like this one:

Code: Select all

#gkMobileMenu {
    color: #26292B;
    color: #FFCC00 !important;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    line-height: 18px;
    margin: 60px 0px 0px !important;
    overflow: hidden;
    padding: 12px 0px;
    position: absolute;
    right: 0px;
    text-align: center;
    text-transform: uppercase;
    top: 0px;
    width: auto;
}


causing menu element to be forced down.