Forum Support

Shape 5
March 29, 2024, 03:09:37 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Info Box and Blog Section not working  (Read 711 times)
selfrefind
Jr. Member
**
Offline Offline

Posts: 4



« on: 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
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: 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,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
selfrefind
Jr. Member
**
Offline Offline

Posts: 4



« Reply #2 on: 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.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: 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,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
selfrefind
Jr. Member
**
Offline Offline

Posts: 4



« Reply #4 on: 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?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: 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:
Code:
@media screen and (max-width: 750px) {
.s5_logo {display: none;}}
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
selfrefind
Jr. Member
**
Offline Offline

Posts: 4



« Reply #6 on: 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!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: 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,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.