Mobile View Of Top Bar Not Centered - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Mobile View Of Top Bar Not Centered

ID

Isabelle Dionisius

Helix Framework 3 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: 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

0
3 Answers
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #58963

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;
    }
}
0
ID
Isabelle Dionisius
Accepted Answer
3 years ago #58968

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

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #58973

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;
    }
}
0