Header Menu

Home › Forums › Jevelin Theme › Header Menu

Home › Forums › Jevelin Theme › Header Menu

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    NOT RESOLVED Posts

  • Olbe
    Participant

    Hello, such questions regarding the menu, please help.
    Number of questions correspond to the numbers in the screenshot
    1. How to add a phone number to the header center?
    2. How to add button with a contact form pop-up window?
    3. How do I change the color to black for the drop-down menu icon?

    And a couple of questions regarding the drop-down menu:
    4. How to put the language switch in one line or how to make it one button, more compact.
    5-6. How to lift these elements so that they do not take up extra space

    web-site – olbe.com.ua

    second screenshot – https://prnt.sc/qzwa5t

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

    Shufflehound Support
    Moderator

    Hi @Olbe,

     

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

     

    1. How to add a phone number to the header center?
    2. How to add button with a contact form pop-up window?

    You can display it in the site topbar by enabling it in the theme Header settings but it is only available for Header Template 2 and 3 as shown in the attached screenshot.

     

    The topbar won’t display for Header 6 Clean (side navigation) template that you are using on your website so to display it, you have to develop custom code in the child theme of Jevelin theme.

     

    Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support

     

    If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5

    3. How do I change the color to black for the drop-down menu icon?

    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

     

    #page-container .sh-header-6 .c-hamburger span,
#page-container .sh-header-6 .c-hamburger span:before,
#page-container .sh-header-6 .c-hamburger span:after {
    background: #000 !important;
}

     

    And a couple of questions regarding the drop-down menu:
    4. How to put the language switch in one line or how to make it one button, more compact.
    5-6. How to lift these elements so that they do not take up extra space

    To achieve this, please use the below custom CSS code.

     

    body .sh-header-right-side .sh-header-mobile-dropdown {
    padding-bottom: 0 !important;
}

body .sh-header-right-side  .sh-table-cell {
    display: block !important;
}

.sh-header-mobile .sh-nav-mobile li.trp-language-switcher-container a {
    display: block;
    float: left;
}

.sh-header-mobile .sh-nav-mobile li.trp-language-switcher-container a:after {
    display: none;    
}

.sh-header-mobile .sh-nav-mobile li.trp-language-switcher-container ul.sub-menu {
    display: block !important;
}

     

    Best regards,
    Shufflehound team

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)