Remove border from header image

Travelify
1

Hello – I would like to remove the faint boarder around the header image on the travel blog (mikemcewan.ca) I am creating which currently looks like this:

Any advice would be greatly appreciated. Thank you,

2

Hi @mikemcewan,

Thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options

body > .wrapper {
    box-shadow: none;
}

#footerarea,
#main {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

Best Regards,
Movin

3

Prefect! Thank you @Movin.

4

Sorry @movin, I spoke too soon! This fix appears to only work in the desktop view but the boarders are still there in mobile and tablet views. Is there a way to remove them completely?

5

This is happening because of the issue i posted in your following topic.

https://colorlibsupport.com/t/scale-title-across-desktop-and-mobile-views/