-
Posts
-
Hello Again!
I hope you don’t mind me combining my issues instead of posting multiple times. I also wanted to let you know that the background scaling issue on iOS devices that we were trying to fix, I’m told is a WordPress issue, that’s been around for years apparently but doesn’t rise to the same level of importance as other issues so there’s no fix. We’ve decided to just use a solid color for the background and move on. We certainly appreciate all your help though, trying to come up with a solution.Footer Issue:
I would like for there to only be one column or one large area the full width of the page for the footer. However, when I attempt to do this, there’s a second column that you can’t get rid of. In the widget area, this is permanent and can’t be deleted. If left empty, it automatically fills with Page Navigation that you can’t remove. Can this second column be removed?Widgets & Sidebars
I would like to disable sidebars on mobile in all orientations.
I currently have sidebars disabled on mobile, however, if you’re on a phone and turn it from portrait (up and down) to Landscape (side to side) the sidebars appear in landscape “mode” I need to disable that.
Also for tablets, I’d like to also disable sidebars in Portrait mode or have the ability to disable certain widgets from displaying in portrait mode.There doesn’t seem to be a lot of control over widgets which is disappointing. Also, unless you need a pre-made widget, you’re left building your own in the post/page editor and then copy and pasting it into a text box and hoping it still looks how you imagined. Very frustrating area to work with.
Lastly, I would like to make the table of contents sticky. If there’s one item that should be sticky by default, it’s definitely that one. LOL I attempted to do this with a plugin but didn’t have any luck.
Thank you so much for all your help!
Hey Sozo,
Thank you for the inquiry.
1.) You can assign a custom page as footer or socket in the Enfold > Footer > Default Footer & Socket Settings settings, select the fourth or fifth option in the dropdown. So instead of relying on the default footer widget areas, you can create a new page and use the advance layout builder (ALB) to display a custom footer and socket section.
2.) To completely disable the sidebar or widgets on mobile devices, please use this css code.
@media only screen and (max-width: 989px) { /* Add your Mobile Styles here */ #top .sidebar { display: none !important; } }3.) Are you referring to the TOC widget? Unfortunately, this will require modifications that are beyond the scope of support. You may need to look for additional assistance from third party developers or use a plugin.
Example: https://wordpress.org/plugins/all-in-one-wp-sticky-anything/
Best regards,
IsmaelIsmael, thank you so much for your reply…I appreciate you!
1.) Ah that’s awesome, didn’t realize that was a thing but it’s an elegant solution and works even better than what I imagine. Thank you!
2.) When you say “add your mobile styles here” what exactly do you mean by that. Can you explain further please, or perhaps an example even.
3.) I thought it might be out of the scope, no worries. I did try a plugin without any luck, but I will certainly give this one a try. Thanks
Thank you again for all your help. You guys work hard and are very busy and I appreciate the time you each take to help all of us.
Cheers!
-SozHi,
Thanks for the update.
2. That is only a comment in the code. If you add the code to Quick CSS, it will remove the sidebar on all screens which are less than 989 pixels wide.
Best regards,
RikardThank you for replying. Unfortunately, the code didn’t work as I hoped. It removed the contents of the sidebar, but not the sidebar itself. Can we remove the sidebar completely on mobile devices in all orientations? Thank you!
Also, just to follow up. That sticky widget didn’t work either.
Hi,
Thanks for the update. Could you post a link to where we can see the results you are getting please?
Best regards,
RikardHi,
Thank you for the screenshots.
We adjusted the code in the Quick CSS field a bit, the space where the sidebar should be will be taken up by the content container.
@media only screen and (max-width: 989px) { /* Add your Mobile Styles here */ #top .sidebar { display: none !important; } .responsive #top #wrap_all .container { width: 85%; max-width: 85%; margin: 0 auto; padding-left: 0; padding-right: 0; float: none; } #top .container .av-content-small.units { width: 100% !important; border-right: none; } .content .entry-content-wrapper { padding-right: 0; } }Best regards,
IsmaelIsmael, you’re amazing!! Thank you so much, I just had a look on different devices and it looks AMAZING!!!! thank you, thank you, thank you!
You guys are absolutely incredible and I appreciate all the hard work, time, and effort you put into helping all of us. I know it must get tiresome sometimes so just know that you’re appreciated!
- You must be logged in to reply to this topic.