Menu & Header Changes

Home Forums Jevelin Theme Menu & Header Changes

Home Forums Jevelin Theme Menu & Header Changes

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • leedoye
    Participant

    Hi

    Please can you advise, as i have tried amending the below amends in theme settings but won’t allow me to do what i want to change? the website i want to amend is http://www.hydropayneservices.co.uk

     

    • Change white menu bar to black and text to white, the same as the drop down menu
    • Change the 3 contact options in top right hand corner so the text only is red
    • Make the email option in header click to create email

    Please can you advise

     

    Thankjs

     

    Lee

     

     

    Hi Lee,

     

    I hope you are well today and thank you for your questions.

     

    Change white menu bar to black and text to white, the same as the drop down menu

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-header-10 > .container {
        background: #232323;
        color: #fff;
    }
    
    #page-container .sh-header-10 .sh-nav > li.menu-item > a,
    #page-container .sh-header-10 .sh-nav > li.menu-item > a > i{
            color: #aaa;
        
    }
    
    #page-container .sh-header .sh-nav > .current_page_item > a,
    #page-container .sh-header .sh-nav > .current-menu-ancestor > a,
    #page-container .sh-header-left-side .sh-nav > .current_page_item > a,
    #page-container .sh-header-10 .sh-nav > li.menu-item > a:hover,
    #page-container .sh-header-10 .sh-nav > li.menu-item > a:hover > i{
        color: #fff !important;
    }

     

    Change the 3 contact options in top right hand corner so the text only is red

    Use below custom CSS code to achieve this.

     

    .header-contacts-details-large-content {
        color: #ff1000;
    }

     

    Make the email option in header click to create email

    If you are talking about the header topbar options like email or phone number then you can make clickable to have links by using the child theme solution shared in the following topic.

     

    https://support.shufflehound.com/forums/topic/top-bar-setting-add-hyperlinks-to-phone-email-address/#post-2824

     

    Best regards,
    Shufflehound team

    leedoye
    Participant

    Hi

     

    Thank you for you email

     

    I have uploaded the suggested child theme, but when i put the html coding in for clickable email the coding appears ??

    sales@hydropayneservices.co.uk

     

    Please advise

     

    Thanks

     

    Lee

     

    It seems you have not activated the child theme on your shared site so could you please activate it?

    leedoye
    Participant

    Hi

     

    I have activated the child theme, please can you help and advise??

     

    Thanks

     

    Lee

    Have you added HTML code in it as described in the following topic?

     

    https://support.shufflehound.com/forums/topic/top-bar-setting-add-hyperlinks-to-phone-email-address/#post-2824

     

    If you have added it but still it is not working then would you mind if i log in to your site and do some troubleshooting? If this is ok then could you please share me your site log in details privately by adding them in the box having text “Click here to share private content. Only you and forum moderators will bee able see it.”?

    leedoye
    Participant

    Hi Thank you for your reply, please see private content.

     

    Thanks

     

    Lee

    The shared child theme code only works for header 1 and 2 but it seems you are using header 10 so please delete that child theme and use the attached child theme containing custom code.

    Attachments:
    You must be logged in to view attached files.

    leedoye
    Participant

    Hi

     

    Thank you for the new child theme which has now worked which is great, but the link on the email now appears as blue and need it to be red like the rest of the header text. I have checked in styling settings and there is no option to change from blue that i can see. Is there css coding needed to be changed like you gave me previously? if so please can you supply

     

    Many Thanks

     

    Lee

    You can change its color by using the following custom CSS code.

     

    .header-contacts-details-large-content a {
        color: #ff1000;
    }
Viewing 10 posts - 1 through 10 (of 10 total)