Okay
  Public Ticket #1850656
removing dividers from mobile display
Closed

Comments

  •  2
    martinkuipers started the conversation

    Hi,

    I am almost done finetuning my Color-scheme. One thing that bothers me a bit in the mobile version, are the grey and white dividing lines. I would like to be able to remove them or give them a color of my choice. This way, it will be more in line with the desktop version.

    The attachment shows one example. The white variant of this line you can find on the contact page of the website.

    Thanks!


  •  291
    Paul replied

    Hi there!

    You can use this custom CSS to change the colors:

    hr {
        border-color: #000;
    }
    @media only screen and (max-width: 1023px) {
        #side-container, 
        .side-fixed #side-container {
            border-color: #000;
        }
    }
    

    Regards,
    Paul

  •  2
    martinkuipers replied

    Hi Paul,

    That worked, brilliant! Thanks for your quick help :). Can you do the same for the copyright footer?

  •  291
    Paul replied

    There you go!wink.png

    @media only screen and (max-width: 1023px) {
        .copyright-social-wrapper {
            border-color: #fff;
        }
    }
    /* This is a fix for the portfolio title display */
    .portfolio-item-title {
        margin-top: 3%;
        position: static;
        text-align: right;
    }

    If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.

    More info: https://uxbarn.com/inspecting-elements-developer-tools/

  •  2
    martinkuipers replied

    Wow Paul, thanks a lot again :D. 

    Not only did you fixed the question from this ticket, but also picked up on another thing I was tempering with (and felt bad to bother you with :)). You offer by far the best support on a product I ever had!

  •  291
    Paul replied

    You're most welcome, Martin! I am glad I could help!smile.png