Storefront Homepage width change

  • Hi,

    i’m trying to figure out how to change the Homepage width in my Storefron Theme.

    I like like to keep the side menu, but just want to make the content block a little bit wider cause on large screens it look odd.

    looks like there is no function for this and i can’t find the CSS file which is responsible for this..

    Hope you can help, thanks!

    Stephan

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter reverbch

    (@reverbch)

    that’s what i’m talking about:

    Thread Starter reverbch

    (@reverbch)

    ok, found it..

    in /themes/storefront/style.css

    .col-full {
    max-width: 80.4989378333em;

    Hi @reverbch

    You can do this with some CSS code. If it’s just the homepage you want to make wider, go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

    .home #content > .col-full {
  max-width: 90%;
}

    You should see the changes right away, but this is just a preview for you, so you can experiment a little if you like.
    Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Storefront Homepage width change’ is closed to new replies.