Forum Support

Shape 5
July 24, 2021, 05:41:47 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1] 2
  Print  
Author Topic: Fresh Bistro Slider and Responsive Nav Issues  (Read 1610 times)
initinc
Jr. Member
**
Offline Offline

Posts: 6



« on: February 10, 2017, 12:13:08 PM »

The website I'm working on is located at:

http://khamu.website/~farmhousekitchen/

Three issues:

1) Something that just happened that I don't know how to fix: I was messing around with the setting on the responsive nav and messing with CSS in the custom.css for the background image behind the navigation menu on subpages (Menu, Contact, etc.). Nothing was working anyway so I removed it and put all the settings back but now there are two logos appearing in the nav. I have no idea what made this happen.

2) After that ^^^ is fixed, I am having issues with mobile and tablet view for the slider. when I resize the window, the image in the slider resizes and leaves a huge space underneath (right now it has a background yellow-gold color ? I've attached screen shots). I have exhausted my options with the slider settings, styles settings and CSS. I need this space to go away when you resize the window and I need the content inside the slider ? the text and buttons) to resize and not overflow over the edge of the image.

3) On the subpages, we have a background image in the #s5_menu_wrap_top position but when you resize the window and the links drop down, they drop below the background image and the links are white so they basically disappear. And the client wants those links to stay in the background image area (before it turns into the sidebar nav for mobile view)

I would greatly appreciate quick followup to this as I've been trying to fix it myself for days and the client wants the website live next week.

Thank you.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: February 13, 2017, 02:02:09 PM »

Hello,

1. I'm not seeing this issue, try clearing your cache in the browser and view again. Let me know if you still see it.

2. There is CSS in the s5_responsive.css file for this. Unless you removed it? This forces the height of the image fader on smaller screen resolutions that way the text still can fit vertically. For exmplae here is one area of it that show at line 192:

Code:
#s5_pos_custom_1 #myGallery {
    height: 900px !important;
}

3. This is because the menu items are fitting horiztonally due to their length, font size, and spacing in between. You could decrease these so at that width they'll be smaller and not bump down or just change the mobile nav to show at a higher screen width in the Vertex responsive nav area in your template administration of Joomla.
Logged

Jonah Hall
------------
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
initinc
Jr. Member
**
Offline Offline

Posts: 6



« Reply #2 on: February 13, 2017, 02:39:49 PM »

Hi Jonah,

1. I clear my cache several times a day, so it's not that, and I am still seeing the double logo even now.

2. I will play with this code and get back to you

3. I've done this but I have a client who seems to want these nav links to show and not go to the side, I will play with the width and size of the nav links.
Logged
initinc
Jr. Member
**
Offline Offline

Posts: 6



« Reply #3 on: February 13, 2017, 02:43:21 PM »

If it helps, I am using a Macbook Pro 15" ? and I am seeing the double logo. could this be an issue due to my screen size?
Logged
initinc
Jr. Member
**
Offline Offline

Posts: 6



« Reply #4 on: February 13, 2017, 03:01:03 PM »

It looks like I am having issues with Google Chrome on my Mac, not sure why but it's showing the double logo and not showing my changes made to pos_1... have you had any issues like this in the past?
Logged
initinc
Jr. Member
**
Offline Offline

Posts: 6



« Reply #5 on: February 13, 2017, 05:15:24 PM »

Since I can't upload a video (too large), here is a link to download a video that is showing the problem. I went into the responsive CSS file and changed the heights with !important but no change when resizing the window

http://khamu.website/~farmhousekitchen/images/Slider.mov
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #6 on: February 14, 2017, 01:00:53 PM »

Ok I see and think I know the logo issue. Can you PM me FTP access to your site? I just need to edit the template's index.php file.

Thanks,
Logged

Jonah Hall
------------
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
headcake
Jr. Member
**
Offline Offline

Posts: 39



« Reply #7 on: May 21, 2018, 01:25:46 PM »

I'm having the same issues with the double logo on smaller screens. Can you please post what changes needed to be made to the templates index.php file in this forum so that it will help others?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #8 on: May 22, 2018, 11:06:54 AM »

This should be fixed in the downloads. I'm unaware of it still being an issue. Perhaps grab a fresh download and overwrite  your index.php file? This should fix it if you are running a slightly older index.php version of the template.
Logged

Jonah Hall
------------
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
headcake
Jr. Member
**
Offline Offline

Posts: 39



« Reply #9 on: May 22, 2018, 12:18:20 PM »

Thanks Jonahh,

I did have an older version so I grabbed the most recent download for Bistro and replaced the old index.php with the newest one. The newest one in the downloads is from June 2016. The old one was from April 2016. I replaced it and still have the same problem. What is the line of code that needs to be changed?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #10 on: May 23, 2018, 10:42:30 AM »

Hmm ok, would you be able to post a URL of your site? It been awhile and I need to check the CSS to see whats going on. We might have added some CSS to fix the issue too but I can't remember. Thanks!
« Last Edit: May 23, 2018, 10:44:17 AM by jonahh » Logged

Jonah Hall
------------
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
headcake
Jr. Member
**
Offline Offline

Posts: 39



« Reply #11 on: May 23, 2018, 11:04:31 AM »

Yup. It's not a live site yet.

headcake.info/CLpreschool
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #12 on: May 24, 2018, 12:41:35 PM »

Hmm I am seeing a slight difference on your site vs our demo. There is 1 JavaScript variable missing. Would you be able to give me FTP or Joomla login details to the site? I can then be sure its fixed either way.

Thanks
Logged

Jonah Hall
------------
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
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #13 on: May 25, 2018, 10:40:13 AM »

Ok you had 2 logos published to the logo position. I removed one and only one shows now.
Logged

Jonah Hall
------------
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
headcake
Jr. Member
**
Offline Offline

Posts: 39



« Reply #14 on: May 25, 2018, 11:54:01 AM »

Woah, really? Thanks much Jonah.
Logged
Pages: [1] 2
  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.