New Landing › How can we help? › Atelier › slideout menu width

Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Back to forum
    Posted in: Atelier
  • February 16, 2016 at 11:11 am #249475
    barkovsky
    Member
    Post count: 225

    hi there

    is it possible to control the slide out menu width ?
    using a big letter type the system doesn’t show it
    gets cut
    !

    kind regards

    Barkovsky

    February 16, 2016 at 11:13 am #249476
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Yes, you can adjust the px value in the below CSS:

    .side-slideout-left-open #container {
    -webkit-transform: translate3d(500px,0,0);
    transform: translate3d(500px,0,0);
}

.sf-side-slideout {
    width: 500px;
}

    Thanks.

    February 16, 2016 at 11:58 am #249509
    barkovsky
    Member
    Post count: 225

    hi David thanks

    tried
    the opening width stays the same as before entering the CSS! with given CSS
    tried 700px also

    it recognizes that the width wants to change, but it doesn’t
    instead it pushes the menu to the left side in the slide out
    pic attached

    barkovsky

    Attachments:
    You must be logged in to view attached files.
    February 16, 2016 at 12:07 pm #249516
    David Martin – Support
    Moderator
    Post count: 20834

    Please add a WP login for us to take a closer look.

    Thanks.

    February 16, 2016 at 12:18 pm #249536
    barkovsky
    Member
    Post count: 225
    This reply has been marked as private.
    February 16, 2016 at 12:23 pm #249539
    barkovsky
    Member
    Post count: 225
    This reply has been marked as private.
    February 16, 2016 at 12:44 pm #249551
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Just need to add:

    .side-slideout-right-open #container {
  transform: translate3d(-700px, 0px, 0px);
}

    – Kyle

    February 16, 2016 at 12:51 pm #249556
    barkovsky
    Member
    Post count: 225
    This reply has been marked as private.
    February 16, 2016 at 12:52 pm #249558
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You removed David’s css, you still need that

    – Kyle

    February 16, 2016 at 1:06 pm #249565
    barkovsky
    Member
    Post count: 225
    This reply has been marked as private.
    February 16, 2016 at 1:09 pm #249568
    David Martin – Support
    Moderator
    Post count: 20834

    It’s working here: http://www.lucemvideo.com/ ?

    Please screenshot what you refer to.

    Thanks.

    February 16, 2016 at 1:15 pm #249570
    barkovsky
    Member
    Post count: 225
    This reply has been marked as private.
    February 16, 2016 at 1:16 pm #249572
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Fine for me now: http://d.pr/i/13vN5/2snSppNw

    – Kyle

    February 16, 2016 at 1:18 pm #249573
    barkovsky
    Member
    Post count: 225

    Hi Kyle

    i c
    thats how i wud like to c it also here

    what can i do ?

    February 16, 2016 at 1:24 pm #249574
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Sorry missed webkit transform, change to:

    .side-slideout-left-open #container {
-webkit-transform: translate3d(700px,0,0);
transform: translate3d(700px,0,0);
}
.sf-side-slideout {
width: 700px;
}
.side-slideout-right-open #container {
transform: translate3d(-700px, 0px, 0px);
-webkit-transform: translate3d(-700px, 0px, 0px);
}

    – Kyle

  • Back to forum
    Posted in: Atelier
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register