|
: Info Box and Blog Section not working : selfrefind June 15, 2015, 02:46:41 PM The blog section on the front page doesn't look right. The buttong Read More, Edit Post and Latest Updates overlap. In addition the info boxes at the bottom of the page aren't working either. Any ideas? http://new.selfrefind.com
: Re: Info Box and Blog Section not working : mikenicoll June 15, 2015, 11:16:01 PM Hello,
You most likely have an unclosed HTML element on the page that is breaking the layouts. This can be something so small such as a missing > tag that causes any HTML below that to be considered invalid. I would check any articles or modules you have added by disabling all of them and re-enabling them one by one. If that doesn't work let me know and we can take a closer look. Regards, : Re: Info Box and Blog Section not working : selfrefind June 16, 2015, 04:30:50 PM I went thru and hid each widget and turned them back on with no luck. I replaced the template.css file with original and that seems to have fixed the info boxes. However the blog section is still all jumbled up. The text has a line between it from "The new site is being designed." and "Welcome. However it put them both on the same line. I am really quite puzzled as to what is going on. Any thoughts without having to redo it from scratch to try and fix it?
Also can't figure out how to hide the S5 Image and Content Fader from Mobile view or get it to resize the photo to show correctly on mobile device. : Re: Info Box and Blog Section not working : mikenicoll June 16, 2015, 11:23:49 PM Hello,
1) I would suggest installing the Template again to make sure nothing was removed or edited. If you replaced the Template.CSS file and there was an improvement there most likely was other core files edited that shouldn't have been. If the issue still occurs after a fresh Template it means the HTML markup that was changed was not done correctly. You would want to grab the latest Site Shaper and copy the HTML coding directly back to your site to fix the issue. 2) Make sure your S5 Image and Content Fader is set to 100% width - Stretch to Fit using the Jquery/Mootools library. This should allow it to rescale with the container when the resolution is reduced. Regards, : Re: Info Box and Blog Section not working : selfrefind June 23, 2015, 01:27:57 PM Finally making progress! My issue with resize was the following in template.css. I just commented it out and now the image fader shrinks as desired.
/*div.s5imageslidesetup { height: 100%; position: relative;} */ My next issue is the logo is overlapping the image fader. Please look at http://new.selfrefind.com, resize the page to mobile and you will see the logo overlap the image. How can I fix this? : Re: Info Box and Blog Section not working : mikenicoll June 24, 2015, 04:06:21 PM Hello,
The best way around that would be to hide the logo once the responsive menu kicks in. You can add this to the custom.css file to do so: : @media screen and (max-width: 750px) {: Re: Info Box and Blog Section not working : selfrefind June 25, 2015, 06:53:51 PM I went on and added that for now but the logo needs to be at the top of the page. I just need it to stop overlapping. Surely there is a way to accomplish this? Thanks again for your help!
: Re: Info Box and Blog Section not working : mikenicoll June 26, 2015, 07:52:33 PM Hello,
Unfortunately not without a bunch of manual logo resizing being done in the css files. The issue is that your logo is larger than the default one which requires more room than the stock logo which also overlays the fader. If you don't want to hide it you would need to add some @mediascreen triggers at different resolutions to scale it down accordingly. Regards, |