Mobile Menu

Home › Forums › Jevelin Theme › Mobile Menu

Home › Forums › Jevelin Theme › Mobile Menu

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

  • sujaselv
    Participant

    I have messaged you in the Private information field.

    Kindly reply.

    Shufflehound Support
    Moderator

    Hi @sujaselv,

     

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

     

    You can resolve 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

     

    @media screen and (max-width: 550px){
.header-logo-title-alignment {
    width: 200px !important;
}
}

     

    Best regards,
    Shufflehound team

    sujaselv
    Participant

    Hi,

    The mobile menu has a bug..

    Menu is pushed towards the right if Logo title is used.

    So I have used the title along with the Logo itself which solves the issue for time being.

    But yet I wish the logo title and the Mobile menu works fine together.

    Also having an issue in Chrome where the logo is not getting refreshed. Is this a catching issue. Please go through..

    http://www.aktiswebsolutions.com

    Shufflehound Support
    Moderator

    I visited your site on chrome and saw the logo as displayed in the attached screenshot.

     

    Is this not your updated logo?

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

    sujaselv
    Participant

    Menu is pushed towards the right if Logo title is used.

    So I have used the title along with the Logo itself which solves the issue for time being.

    But yet I wish the logo title and the Mobile menu works fine together.

    Shufflehound Support
    Moderator

    Ok I understood it.

     

    Could you please reproduce the issue on your site so that I can help you to resolve it?

    sujaselv
    Participant

    Yes, have re-created the issue in the site. Added the logo separately and the Logo title. The logo title goes to a seperate line. Can you provide the CSS for desktop and mobile versions, so the Logo title is in the same line in desktop and reduces in size in the mobile version.

    Thanks.

    Shufflehound Support
    Moderator

    Solution for this topic

    Please use below custom CSS code to achieve it.

     

    a.header-logo-container.sh-table-small {
    display: contents;
}

@media screen and (max-width: 550px){

#header-logo-title .header-logo-title-alignment {
    font-size: 15px;
}
}

    sujaselv
    Participant

    Hi,

     

    Any way to bring the logo title in the same line.

     

    Thanks.

    Shufflehound Support
    Moderator

    Yes for that I have shared you above custom CSS code but it it is not working on your site because you added below HTML code in CSS section which is wrong so please remove it.

     

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

    sujaselv
    Participant

    Thanks.. working fine.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)