Shape 5

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.

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:


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.

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.

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?

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?

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

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,

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?

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.

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?

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!

Yup. It's not a live site yet.

headcake.info/CLpreschool

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

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

Woah, really? Thanks much Jonah.

Most welcome :)