Okay
  Public Ticket #2759088
Cavas Menu, show more of page
Closed

Comments

  • JacobWonder started the conversation
    April 23, 2021 at 5:40pm

    How can I show more of the page on mobile when using the canvas menu?

  •  1,878
    Judith replied
    April 23, 2021 at 5:44pm

    Hi Jacob,

    Thanks for keeping in touch.

    Please explain what you mean by 'show more of the page'. It seems not to be clear to us.

    Thanks.

  • JacobWonder replied
    April 23, 2021 at 5:46pm

    Please forgive me!

    I would like more of the page to be shown when using the canvas menu! 


    Image for context!

  •  1,878
    Judith replied
    April 23, 2021 at 5:53pm

    Hi Jacob.

    Please send in your website url so that we assist further.

    Thanks

  •  8,847
    Tahir replied
    April 23, 2021 at 6:27pm

    Hey Again,

    I am afraid that style can't be altered using CSS alone. Try using a Different Style of the Off Canvas Menu and check: 

    2125683380.pngClick To Open Larger Image.

    Thanks 

    ThemeNectar Support Team 

  • JacobWonder replied
    April 23, 2021 at 7:13pm

    Ideally I would like to use the off cavas menu, I just want more of the page viewable.

    Are there any articles I can read about editing it? I don't mind using a child theme or editing the code.

  •  1,878
    Judith replied
    April 24, 2021 at 4:24am

    Hi Jacob,

    Please try this css:

    body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open {
        transform: scale(0.835) translateX(-287px) translateZ(0)!important;
    }
#slide-out-widget-area.slide-out-from-right.material-open .inner > div, #slide-out-widget-area.slide-out-from-right.material-open .bottom-meta-wrap {
        transform: translateX(73px);
    }

    Thanks.

  • JacobWonder replied
    April 24, 2021 at 2:25pm

    Unfortunately it seems the theme overrides the CSS even with !important


     But when editing the classes you provided with inspect element DOES show it can work.

    Even in a child theme style.css it does not apply. :/ 


  •  1,878
    Judith replied
    April 24, 2021 at 4:31pm

    Hi Jacob,

    From the inspect element it does work.

    Please send in your admin login credentials so that we can check from end.

    Thanks.

  • JacobWonder replied
    April 24, 2021 at 5:29pm

    Thank you!

    https://wordpress-483569-1892202.cloudwaysapps.com/wp-admin/

    User: HelloFriend

    Password: yWGkgK7Aty

  •  1,878
    Judith replied
    April 24, 2021 at 5:55pm

    Hi Jacob,

    I am afraid clearly this would need just more than css customization. You may consider hiring a developer to help.

    Thanks.