Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 11, 2016 at 1:59 pm #611264
    ac

    Hi, i have a colour background navigation, followed by an alternative colour section at the top of each page which I’m pleased with on desktop. I’m using this instead of titles to give more information.

    However, when I view the content page on mobile, it starts with the lighter alternate colour as obviously the navigation goes to mobile and this lacks impact without the darker navigation above it. How can I put a darker purple border at the top to make it stand out a bit? I tried adding a simple border to the top of the colour section but it didn’t work.

    Any ideas – or other ways of looking at this?

    thank you.

    April 11, 2016 at 2:04 pm #611270
    Yigit

    Hey andrea!

    Please edit your color sections and give them a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS

    @media only screen and (max-width: 769px) {
#your-custom-id {
    border-top: 1px solid black!important;
}}

    Regards,
    Yigit

    April 11, 2016 at 2:27 pm #611313
    ac

    perfect – thank you again.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Border for top of mobile sites (using no titles)’ is closed to new replies.