Mobile view of top bar not centered - Forum | JoomShaper
Awaiting an answer Helix Framework

Mobile view of top bar not centered

Asked by Isabelle Dionisius 4 years ago Last activity 4 years ago

Hi community,

The mobile view of our homepage works on almost all devices except the iPhone 7. The right part of the topbar does not appear centered.

Here is the screenshot: https://ibb.co/kyBpP22

The link: www.btg-ge.eu

Can you help me here with some adjustements? I defined this part centered for mobile devices. However, it does not work in this case.

Thanks
Isabelle

3 replies

Ariba Staff

Hello

Thank you for your query.

Please add the following css rules in custom css section

@media (max-width: 420px) {
    #sp-top-bar {
        padding: 10px 40px;
    }
    #sp-top-bar .sp-module {
        margin: 0px;
    }
}
Isabelle Dionisius Asked this

Hi Ariba,

Thanks. But it still stays the same. The last word moves over to the next line instead aof being centered together with the other 2 links.

Best

Ariba Staff

You are welcome.

Kindly replace the prevoius css rules with these:

@media (max-width: 420px) {
    #sp-top-bar {
        padding: 10px 40px !important;
    }
    #sp-top-bar .sp-module {
        margin: 0px;
    }
}
Log in to reply.