Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Padding on mobile shifting

Serhan Curti May 03, 2017 04:12PM CEST

Hello,

So I'm having a tiny problem with some padding on my profile page.

What I've done is I've added this custom CSS so my content has a 40px left-margin (same as my logo):
#content #content-holder { margin-left: 40px !important; margin-right: 40px !important; }

Although when you get to mobile my logo shifts inside a bit while the content is still at 40px.

Can someone help me with a solution or a better way of doing it? Maybe setting a fixed left margin to the logo as well.

Thank you

Up 0 rated Down
Amanda May 03, 2017 06:02PM CEST Semplicelabs Agent

Hi Serhan,

Try adding this CSS:

@media (max-width: 767px) {
#navbar .fluid-container {
    margin-left: 40px !important;
}
}

If you need help on where to enter the CSS, this guide explains: http://help.semplicelabs.com/customer/portal/articles/2762667-guide-adding-custom-css-and-javascript-to-semplice

Best,
Amanda

Up 0 rated Down
Serhan Harun Curti May 03, 2017 06:14PM CEST
Thanks a lot Amanda. It worked!
Up 0 rated Down
Serhan Harun Curti May 03, 2017 06:19PM CEST
Actually, sorry! It's kinda pushing the hamburger menu further right.

Can I add a 40px right to the menu?
Up 0 rated Down
Amanda May 03, 2017 06:51PM CEST Semplicelabs Agent

Hi Serhan,

Try this code instead:

@media (max-width: 767px) {
#navbar .fluid-container {
    margin-left: 40px !important;
}
.controls {
    margin-right: 40px !important;
}
}

Best,
Amanda

Up 0 rated Down
Serhan Harun Curti May 03, 2017 07:20PM CEST
Amazing, thanks again!

Post Your Public Answer

Your name (required)
Your email address (required)
Answer (required)
17c96688a1a336f6040dd1b6149c3fa8@semplicelabs.desk-mail.com
https://cdn.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete