• CSS changes on Themis Joomshaper template

    /*Changes the font colour of the sitemap link*/
    .sp-module ul > li > a {
    color: #9598A0;

    /*This raises the mobile menu bar above the image on the right*/
    body.ltr #offcanvas-toggler.offcanvas-toggler-right{
    position: relative;
    bottom: 35px;
    }

    /*How to hide offcanvas menu on PC*/
    @media screen and (min-width: 1025px) {
    #offcanvas-toggler {display: none !important; visibility: hidden;}
    }

    /* Menu items color, font etc*/
    #sp-header .logo a {color: white; font-family: Book Antiqua; font-size: 20px; !important;}

    /* How to change background colour of button on Home page*/
    button#btn-1609361076101{
    background: #9598A0 !important;
    }

    /* How to change background colour of button on contact page*/
    button#btn-1605546259818{
    background: #9598A0 !important;
    }

    /* How to change background colour of button on work page*/
    button#btn-1608495227737
    }

    /* hide enlarge button on mobile*/
    @media (max-width: 580px) {
    body.itemid-104 .sppb-addon-image-content a.sppb-btn
    {display: none !important; visibility: hidden;}
    }

    /* Menu items color */
    .sp-megamenu-parent > li > a {color: white;}

    /* Active color of menu item */
    .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: red; }

    /* Color of hover menu item */
    .sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a { color: yellow; }

    /* How to remove line below menu */
    #sp-header:not(.header-sticky) .container{ border-bottom:0 !important }

    /*To increase the gap between the Menu and text below*/
    .sppb-row-container { margin-top: 30px; }

    /*To reduce the width off the mobile menu so it can be seen on a phone*/


    .offcanvas-menu {
    width: 100%;
    }
    body.ltr.offcanvs-position-right .offcanvas-menu {
    height: 0;
    right: 0;
    top: 60px;
    }
    body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    right: 0;
    height: 100%;
    }
    .offcanvas-overlay {
    background: rgba(36, 35, 35, 0.56);
    position: fixed;
    left: inherit;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    cursor: pointer;
    }
    .close-offcanvas {
    display: none;
    }
    body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    right: 0;
    }

    /*How to change Menu colour. Read faq and how to in helix documentation */
    /* Menu items color */
    .sp-megamenu-parent > li > a {color: white;}

    /* Active color of menu item */
    .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: red; }

    /* Color of hover menu item */
    .sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a { color: yellow; }

    /*how to change three bar menu colour*/
    #offcanvas-toggler > i.fa {color: white;}

WE LOVE JOOMLA

Joomwalker is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla name and logo are used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Lancaster