Hi Dennis op den Buijs,

Glad you love the themes!

Yes we can give you a small CSS snippet where possible (providing it isn't a big CSS custom work request which would go beyond the scope of support).

Add your website URL so we can have a look

Hi Dennis op den Buijs,

Ok cool!

You can change the border to: 'border-bottom' if you just wanted to affect the bottom of the menu only.

Could you let me know a bit more info about the extra image in the Hero section -what do you mean not scaling to screen?

Hi Dennis,

Ah I see now. The image you are using is not quite the correct size for smaller screens, so we need to shrink  it down via some CSS.

What you could try is adding this small CSS snippet which tells the image to shrink a bit on smaller screens:

@media only screen and (max-width:700px) {
    .hero-extra-image.extra-image-center img {
       max-width:200px;        
       height:auto;}
}

Add to the Theme Options > Advanced > Custom CSS Styling box

Hi Dennis,

You can either resize the image (via Photoshop or a different editor) and upload that so it always shows the smaller image, or you can change the @media query to a larger amount, such as 1000px (from the CSS I gave you earlier)

Hi Dennis,

1366px is considered a large screen. You will need to think about redesigning you layout by making the image smaller (via a image editor).

Lots to consider when designing for responsive design!