How to get rid of the padding below my logo on desktop and mobile?

Support
#1

I need to figure out how to get rid of the padding (or space) below my logo and mobile logo/menu… I included the areas in red so you understand what I mean

#2

Hello Anthony,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

.x-container>.offset {
    margin-top: 0 !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Hey thank you, how do I do this option for mobile only?

#4

Hello Anthony,

Thanks for updating the thread. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .x-container>.offset {
    margin-top: 0 !important;
}
}

Thanks.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.