Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Offset slide in point

Home › Forums › Pro Support › Offset slide in point

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 9, 2020 at 4:25 pm #70219
    Neal WalshNeal Walsh
    Participant

    Hi there,

    I’m building a dashboard-style website for a client with the navigation in the left-hand column and the main content on the right. The menu is great however, because of this layout, the button covers the menu content when it slides out.

    Is there a way to offset the menu sliding in point to say 200pixels or so from the left-hand side of the browser window?

    Any assistance appreciated,

    Neal

    March 10, 2020 at 7:10 am #70220
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Neal,

    Welcome to Responsive menu Pro Support Forum. Hope you are having a great day.

    With offset, do you mean to have space between container and page content when the menu container slides out? Please explain if I am wrong here.

    Regards,
    Kriti

    • This reply was modified 4 years, 1 month ago by Kriti SharmaKriti Sharma.
    March 10, 2020 at 2:49 pm #70222
    Neal WalshNeal Walsh
    Participant

    Hi Kriti,

    Thank you for coming back to me.

    Yes, Ideally I was hoping that the container slide in would appear from where the pink line is in the attached image:
    startpointofslideinpink.jpg

    At present the menu is showing under the button when it slides out as per image:
    current experience.jpg

    This is the final look I wish to achieve for my client:
    final-design.jpg

    Best wishes,

    Neal

    Attachments:
    You must be logged in to view attached files.
    March 10, 2020 at 2:49 pm #70225
    Neal WalshNeal Walsh
    Participant
    This reply has been marked as private.
    March 11, 2020 at 7:23 am #70229
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    I request you to please share the URL of your website so that we can check for the custom css solution.

    Regards,
    Kriti

    March 11, 2020 at 9:55 am #70231
    Neal WalshNeal Walsh
    Participant
    This reply has been marked as private.
    March 11, 2020 at 4:16 pm #70234
    Neal WalshNeal Walsh
    Participant
    This reply has been marked as private.
    March 13, 2020 at 4:46 pm #70243
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Neal,

    Please use the following custom css

    @media screen and (min-width: 1300px){
#responsive-menu-pro-container.push-left, #responsive-menu-pro-container.slide-left {
    -webkit-transform: translateX(0%) !important;
    width:0px;
    visibility: hidden;
    transition: 0.5s;
    transform:translateX(0%) !important;
    overflow:hidden;
}

.responsive-menu-pro-open div#responsive-menu-pro-container {
    width: 20%;
    transition: 0.5s;
    visibility: visible;
}

#responsive-menu-pro-container {
    left:28%;
}

}

    https://drive.google.com/open?id=1JZ0QgaSUI1soRezpmYSNSMNK3aKvWnd0

    Clear any server cache or cache plugin’s cache content, as well as browser history after applying the above mention css codes.

    If this does not work for you, then you can hire our developer for customization service.

    Regards,
    Kriti

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Offset slide in point’ is closed to new replies.