Podcast Template - Off-canvas-menu - Forum | JoomShaper
Staff replied Templates

Podcast Template - Off-canvas-menu

Asked by Freiherr vom Stein 7 months ago Last activity 6 months ago

Hi there,
I have a problem with the off canvas menu.
I dont see a navigation in the mobile view... also the Off-Canvas menu is hidden.
But(!) the buttons "hide on.." are all off... That means to me, it must actually be visible on smartphones.

And how can I put the off canvas on the right (desktop view), it stays in the middle also if i use the option "right" in settings for the normal view...

Regards

8 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
7 months ago

Hello Freiherr vom Stein,

Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.

If you could kindly provide any additional information regarding the issue, it would greatly help me investigate and address it more efficiently. Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup before sharing.

Best regards

Freiherr vom Stein Asked this
7 months ago

Hello,

Unfortunately, this is not possible due to our data protection regulations. However, more than this information is not actually necessary.

The menu is not displayed on the smartphone, neither the off-canvas menu nor the normal menu. In the desktop view, the off-canvas menu is also displayed in the middle and not on the right as expected (screenshot).

Regards

Ofi Khan Staff
7 months ago

Okay, then please follow the steps.

To fix the toggler position:

  1. Go to Template Options -> Layout and remove menu-right column from the header. This is taking space.

To fix offcanvas display on mobile device:

  1. Check that you have a menu type module published on offcanvas position. https://prnt.sc/rjbNo7CEXXtH
  2. Set offcanvas position to left on navigation settings. https://prnt.sc/VxHwOrWDrw9L
Freiherr vom Stein Asked this
7 months ago

Hi there,

looks like my template is a bit broken. If I open the template options there seems to be another structure... (see hidden screenshot)!? - What is the "original" one?

The Module must be on the right, because the option"left" floats the Logo out of the div and point it in the next row.

Regards

Ofi Khan Staff
7 months ago

Your template is alright. There is only one template Podcast. I have applied your settings and made necessary arrangements to fulfill your requirement. Please follow the steps:

  1. Turn off Predefined header.
  2. Take a Custom Header and name it "Header".
  3. Take 3+9 columns.
  4. First column is Logo and Second column is Menu.

Screencast of the process:

https://files.fm/u/wtz5c7xngu

Freiherr vom Stein Asked this
7 months ago

Hello everyone,

Thx for the reply.

Okay, I created this layout, but the menu is not visible to me in the mobile view. In addition, the logo, menu, and off-canvas are not in the position I want them to be.

Logo (left) | Menu left | Off-canvas (right)

The big problem, however, remains that the content—except for the logo—is not visible on mobile devices. Only the logo is displayed...

regards

Ofi Khan Staff
6 months ago

Please use this CSS to
Template Options -> Custom Code -> Custom CSS

#sp-menu div {
    justify-content: flex-start !important;
}

Allow me some time to find the solution of offcanvas menu invisible on mobile device issue.

Ofi Khan Staff
6 months ago

I have found the solution. Please take a css/custom.css file and add this Custom CSS

@media (max-width: 991px) {
    #sp-menu {
        display: block;
    }
}

Also, set logo and menu column size 3+9 for tablet and mobile devices.

https://prnt.sc/btiDhmpjSB2M

Log in to reply.