Home Forums ArileWP Pro Mobile Version Edits

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10680
    Wendy
    Participant

    How to reduce size of navigation arrow on mobile version and move the menu button next to the logo

    https://prnt.sc/vfwh2s

    Please help!

    #10682
    themearile
    Keymaster

    Hi Wendy

    Please add the below CSS in the Additional CSS box.

    @media (max-width: 500px){
    .row.align-self-center .align-self-center {
    text-align: left;
    }
    .navbar-light .navbar-toggler {
    margin-top: 0.300rem;
    float: right;
    }
    .owl-carousel .owl-prev, .owl-carousel .owl-next {
    font-size: 1.5rem;
    line-height: 1.6;
    width: 2.50rem;
    height: 2.50rem;
    }
    .owl-carousel .owl-prev {left: 5px;}
    .owl-carousel .owl-next { right: 5px; }
    .owl-carousel:hover .owl-prev { left: 5px; }
    .owl-carousel:hover .owl-next { right: 5px; }
    }

    Let us know if it works.

    Thanks

    #10694
    Wendy
    Participant

    Can we move this one on the side as well please?

    https://prnt.sc/vg0833

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