Moving Section Up To Meet Title

[Explore-Sherpa]

I recently changed the code on my website to move my “Best Selling Products” section up to be closer to my cover image. While it now looks good on desktop, there is a large white space visible on mobile:

I want to move the bottom product section up to meet the title so that “Best Selling Products” is between the arrows, but still close to the bottom of the cover image. I am using an influence theme. https://www.exploresherpa.com/

Here is the code I used to originally modify this section:

div#shopify-section-template--21827397878039__1d0fa29b-8542-4612-9e7b-859c0f3e42fb .small-subtitle { display: none; } div#shopify-section-template--21827397878039__1d0fa29b-8542-4612-9e7b-859c0f3e42fb section.best-sellers-section { margin-top: 0px!important; }

[Made4uo-Ribe]

Hi @Explore-Sherpa

Check this one if it’s what you mean.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 475px){
.slider-section-heading {
    display: flex;
    padding-bottom: 0px;
}
.nav-wrapper {
    align-self: center;
}
.best-sellers-section .title {
        text-align: left;
    }
}

And save.

[Explore-Sherpa]

Unfortunately, that just shifted “Best Selling Products” to the left a little bit. I put it in the theme.css file if that helps.

[BSS-TekLabs]

• Here is the solution for you:

• Then find the theme.css file

• Then add the following code:

@media only screen and (max-width: 600px) {
  .best-sellers-section .slider-section-heading {
    display: flex !important;
    align-items: center !important;
   }
  .best-sellers-section .slider-section-heading h2{
    margin: 0 !important;
   }
}

• Then press ‘Save’ to save the code.

• Here is the result you will achieve:

• Good luck! If you find this answer helpful, please press ‘Like’ and mark it as ‘Solution’. Thank you.