Mimbo Pro Widgets In Footer Responsive
-
Hello,
Would anyone know the CSS for turning on the Footer Widget in the Mimbo Pro Theme?
Thanks in advance!
The blog I need help with is: (visible only to logged in users)
-
Would anyone know the CSS for turning on the Footer Widget in the Mimbo Pro Theme?
You don’t need CSS for do that:
Custom Sidebars
Mimbo Pro uses a series of custom sidebars to allow you to keep things nice and flexible.- Sidebar Left – the default left hand sidebar.
- Sidebar Right – the right hand sidebar as displayed on the homepage.
- Sidebar Single Post Left – the left hand sidebar to use on single post pages. This is optional, if you leave it empty then the Sidebar Left will be used.
- Sidebar Single Post Right – This is another optional sidebar. Leave it empty and it will be hidden. Add widgets and it will be displayed on the single posts pages within the post content.
- Bottom Widgets – footer widgets. These will be displayed side by side in the footer. It’s recommended that you use 3 widgets since there are three columns, however you can use as many as you like.
-
Indeed, not when greater than 600px true. My questions should have been qualified to include when in responsive mode. AKA when viewport is 600px or less. I have customized the header and the feature image so they are responsive. In the case of the feature image if you don’t customize it then it used the size of the desktop image and stretches it larger…this has all been handled. Also note that unless you have at least one widget active on the right side of the home page it will not format properly with a viewport of 600px. 600px is the only breakpoint for this theme.
Thanks
-
Hi there,
One thing to be aware of is that Mimbo Pro is an older theme, and does not have true mobile-responsive coding, as you see in more modern themes.
While it is possible to add that (to a certain extent) with the addition of custom CSS, it the case of the footer, what you are trying to do is not possible this way. This is because the footer is not hidden in the CSS (using a media query or similar) but is somehow handled in the PHP functions for this theme.
Because the footer is not hidden by CSS, it’s not possible to “un-hide” it with CSS either.
With this in mind, you may want to consider switching to a theme that has mobile-responsive features built in: https://wordpress.com/themes/filter/responsive-layout/
Sorry I was not able to help you directly, but I hope this points you in the right direction.
-
Hi – the footer widgets are actually hidden with css on the smaller size.
I think that was an oversight and I’ll tweak the theme so that they show.
As Jerry pointed out – Mimbo Pro is an older theme and so some of the functionality is a little ‘old fashioned’ (this internet thing changes fast!) however I am always open to suggestions for improvements and in this case am happy to make the change.
If you post Mimbo Pro messages in the premium themes forum then I’ll get notified as you do it and you’ll get responses more quickly :)
https://premium-themes.forums.wordpress.com/forum/mimbopro -
binarymoon,
Thank you for your reply. Did you mean you will tweak the theme yourself? Only my version or the base theme?
Thank you also to jerrysarcastic I have figured that out the hard way!
I have sucessfully swaped out the header image using CSS as it’s a background image. It works well on all browsers.
I have not been sucessufull with a cross browser solution to have the them at its only breakpoint of 600px swap out the featured image used with the special post for the home page which also had text associated with it. I find that my CSS works just fine in Chrome but does not work in Firefox. The only reason I am swapping or trying to swap out the featured image for this one post type only is because the them with no special CSS resizes a small image as a larger image and it look terrible. The Demo of the theme no so bad since the image is somewhat abstract; however my image is an aerial view and even when using other images the resize done by default at 600px is multiple time larger therefore stretched to several times its size. I either turn it off for all or try to make it work in Firefox like in chrome.
-Mario
-
Mario, @binarymoon will make a change to the base theme files, which will make the change for all using Mimbo Pro.
On your site, if I narrow my browser window down below 600px in width in Firefox version 38.0.5, Chrome and Safari, I’m seeing this image: https://greatlakesjobfairdotcom.files.wordpress.com/2015/06/smallbanner2015.png . Did you get this fixed?
-
Hello I did get the issue resolved by using custom CSS to swap out both the header image and the featured post image. The header image would not resize and the featured image was using as a starting point the very small image in the featured post and stretching it.
/* Media Query Fix for Banner */
@media screen and (max-width: 600px) {
#masthead {
background-image: url(‘https://greatlakesjobfairdotcom.files.wordpress.com/2015/06/smallbanner2015.png’);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
float: none;
margin: 0 auto;
}#lead img, #interior #lead img {
visibility: hidden;
}#lead .left {
background: rgba(0,0,0,0) url(‘https://greatlakesjobfairdotcom.files.wordpress.com/2015/06/415wide.png’);
background-repeat: no-repeat;
height: 200px;
width: 400px;
} -
Also after the change to allow for the display of the footer widgets they were not formatted well for mobile display so I did also apply custom css there as well to shrink the graphics and float content to the center and stack it as well.
-
You are doing great with your customizations and figuring all this out. Keep up the good work, and let us know if you have further questions.
- The topic ‘Mimbo Pro Widgets In Footer Responsive’ is closed to new replies.
WordPress.com Forums 
