• Resolved crystalcsk

    (@crystalcsk)


    On my website (see my profile info) the link to the “Sidebar” at the top right hand corner shows up on large screens but not on mobile.

    This is the “Sidebar” displaying widgets.

    (From the Customizer: “Widgets placed here will display in the bottom of the page when user click top right icon in header.”)

Viewing 14 replies - 1 through 14 (of 14 total)
  • I didn’t find any link in your profile, so please update it or post it here. ??

    Thread Starter crystalcsk

    (@crystalcsk)

    Thanks Hardeep. It’s crystal-chan.com. I checked on an iPhone.

    Hi,

    You can add the following CSS to fix it:

    #toggle, #sidebar {
        display: block !important;
    }

    But this theme’s sidebar isn’t responsive, so it won’t look good. ??

    Regards,
    Hardeep

    Thread Starter crystalcsk

    (@crystalcsk)

    Thanks Hardeep. Anyway I can add more to the CSS to force it to become responsive? I’ve added what you suggested, so you can see the result live.

    The menu button is showing. But the sidebar isn’t responsive. So maybe you can report this to the theme developer and for him to fix the responsive issue. ??

    Hi Crystalcsk,

    >> We have removed this toggle sidebar in mobile devices; we have designed this theme as this way as it will create double scrollbar in mobile devices. But if you want to show this toggle sidebar in mobile devices. Edit the responsive.css inside css folder then remove or comment line from line number 110 to 113. Basically you have to remove the follow css code from responsive.css

    #toggle,
    #sidebar {
    display: none;
    }

    Thread Starter crystalcsk

    (@crystalcsk)

    Thanks. Is there code I can add to make that sidebar responsive when it shows up on small screens?

    Thread Starter crystalcsk

    (@crystalcsk)

    Or, a way to add widgets such as a search bar etc. to the menu (which has been designed to be responsive)

    Thread Starter crystalcsk

    (@crystalcsk)

    Styled Themes, did you create a generic “Mobile Version” that mobile users are redirected to? Please undo this or make it optional for us users until/if you make the design fit your theme. I like your theme’s aesthetic, that’s why I picked it.

    I’ll add widgets like a search bar on my own, that’s not an essential fix as I can hack some alternate solutions. I’d already stopped using the sidebar as it was not mobile ready.

    >> After removing that css code I have suggested it will show in mobile. Which will show sidebar and you can design accordingly to look good in mobile devices. As we have design to not show this section in mobile this section is not responsive.

    Thread Starter crystalcsk

    (@crystalcsk)

    Styled Themes, please revert it back to the previous way so that your Theme can actually be viewed in mobile. Again, I picked your theme because I liked the look, so if the mobile version has this theme style disabled by you there is no point in me using it.

    Hello experts,

    I’m having same issue here, change some CSS and now the menu on the top left of the page always hidden behind. Any help would be much appreciated, thanks. URL: https://tianchengenterprises.ca/.

    Hi,

    You are using eidth-day-light theme. Please post your support query there. There isn’t any problem in our scripted theme.

    Thanks

    Sorry to bother, thanks for the directing me.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Not responsive: menu not showing up on mobile’ is closed to new replies.