Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 17, 2016 at 5:15 am #599423
    clairemartindigital

    Hi, i can’t work out how to remove the border underneath the menu. the css below didn’t work:

    .responsive .container {
    border-color: transparent !important;
    }

    March 17, 2016 at 6:15 am #599442
    Vinay

    Hi clairemartindigital!

    Please delete the border color value from Enfold > General styling > Logo area > Border color

    Regards,
    Vinay Kashyap

    March 18, 2016 at 1:48 am #600025
    clairemartindigital

    Hi,

    that didn’t do the trick. any other suggestions? the issue is only on the portfolio list page before the menu becomes the sticky menu.

    March 18, 2016 at 6:14 am #600090
    Vinay

    Hi!

    I think due to some custom coding the default styles are getting overwritten and has more css specificity

    This is a little bit of a hack which changes the border color to the same as the background color.

    #header_main {
	border-bottom:1px solid #FFF!important;
}

    Regards,
    Vinay Kashyap

    March 21, 2016 at 3:36 am #600951
    clairemartindigital

    Hi Vinay, that also won’t work. Well it does work as the css intends to. however, the css is not applied to all pages which doesn’t work because it will apply a 1 px white border to all header areas as well as sticky nav.

    March 21, 2016 at 3:48 am #600956
    Vinay

    Hey!

    I believe this is happening dude to custom css added. The custom CSS is getting more specificity than the theme css and it is overwriting all the css we provided. To resolve this please remove all the custom css and remove the border color value in logo area and check. This should remove the border below the header. Then add your custom CSS one block at a time to know which one is causing the issue.

    Regards,
    Vinay Kashyap

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.