SideKick Dan

Hey micah,

It took me a little bit to figure out how to fix it. There might be a few things going on at the same time, but here is a fix that seemed to be immediate and consistent; thankfully pretty simple too. Add the following to your css (either in the place it appears or just by it’s lonesome. either way should work.

.navbar {clear:both;}

And to get the mobile submenu to show with a background so it can be read, you have to find this media query

@media (max-width: 1069px)
.navbar {
max-height: 45px;
margin-top: 160px;
}

And get rid of the max-height completely.

if you can’t find it, then you can create the same exact media query and override the problem one using the !important declaration as here

@media (max-width: 1069px) {
    .navbar {max-height:inherit !important;}
    }

This also worked.

Hope it helps. Keep me posted ??

Best Regards,
Danny

Hello,

For some reason your template css was a little finicky on this one, but here is a class that should fix the issues your having. Part of the issue is that the css class that controls the color of the sub menu also affects the color of the main parent menu items. The following code placed in your css should separate the sub menu link colors out so you can control them more accurately ?? It’s a little more unusual, but it is the only combo that i found worked on the firebug inspector.

#access .menu-header ul li ul li a {color:#004261;}
#access .menu-header ul li ul li a:hover {color:#ffffff;}

Hope it helps, keep me posted.

Best Regards,
Danny ??

Hello,

I am assuming that you mean the white space above the image and the top black bar with the Content menu link and search button.

If so, here is the css class that needs to be editted. There might be a few different places or methods to make the changes depending on how your theme is setup.

The css that is creating the extra space is the .content-area padding.

Right now there are two media queries where this padding is set. I can’t tell exactly where they are because firebug css inspector is getting odd line number/file locations that are sometimes indicative of caching. but you should be able to add the following code to your main style sheet and it should override the old code wherever it might be.

@media screen and (min-width: 846px) {
     .content-area {padding-top: 0px !important;}
}

@media screen and (min-width: 673px) {
     .content-area {padding-top: 0px !important;}
}

This should override the problem css causing the extra space above. If the .content-area affects other pages that you want the padding on, then you might pinpoint the home page only perhaps by using this format instead…

@media screen and (min-width: 846px) {
     .home .content-area {padding-top: 0px !important;}
}

@media screen and (min-width: 673px) {
     .home .content-area {padding-top: 0px !important;}
}

Best Regards,
Danny

My pleasure! Let me know if you have any other issues ??

Best Regards,
Danny ??

Hey Sydney,

changing colors for text that is linkable can be a pain!

Here is a solution. Let me know if it works. I tested it in css inspector and works for me. Obviously you can change the colors to your preference.

.site-title a {
	color: #fff !important;
}

.site-title a:hover {
	color: #000 !important;
}

the !important is a good tool to keep in your css arsenal. basically it tells the browser to give this style version preference regardless of where the css is put. You have to be careful of using it on div size elements that are controlled by media queries, or of applying it to text links as it could disable the hover effects occassionaly, but it works great with a lot of things ??

Best Regards,
danny

Hello pernateam,

It will depend on how the slider was added to the template. If it came with the template, there could be a setting under the template parameters that lets you easily turn this on or off. However, if it is hardcoded into the template file, then you can add a php if statement to show the slideshow only if it is on the homepage with the function is_front_page().

Let me know if you need help doing it.

Best Regards,
Danny

Hello Luckerella,

without seeing a url as a sample, there can be a few options.

If the source of the “MENU” is an image, replace the image with one that is editted as you desire. upload to the same directory as current image and the change should take effect.

If it’s text, and hard-coded, you’ll have to change this in the template file that contains the text. Not too hard, but need to see the site to determine where it is likely located.

It it’s text, drawn from a language file, as with some plugins, this can be changed in the language file used for the menu.

My guess it’s either the first or second situation unless you have a multilingual site.

Best Regards,
Danny

Hello theport22,

It actually looks like the theme was successfully updated to a Mobile Respnosive format.

They caused the menu to change to a mobile menu that opens into a sidebar when you click the three lined icon on the top left of the screen when the browser is resized.

This behavior is usually desired when trying to update a template so that tablets and smartphone visitors get a better browsing expereince.

Let me know if i missed something, but this appears to be the situation. You might make some adjustments to just the phone view by changing the color of the menu bar or adding a widget that appears just on the phone screen size view with phone number and a brief intro as an example, like this site here when you scale down the browser window

https://strategicsales.shoutoutwebdesign.com/

Best Regards,
Danny

Hello Niels,

In your case i don’t think the img max-width technique will work. It seems that your template creates the logo into a background image for a div rather than just inserting an image. You’re best bet for your situation would be to add a media query to your css as seen below. after doing so, You have to create a smaller version of your logo, upload it to your server, and change the reference below to my website (where i uploaded a smaller version) to your website in the css below. If you need help, please let me know. I tested the changes in firebug and they work fine. just might have to tweak the exact size of the image. It won’t dynamically resize with the smoothness you’d like, but will accomplish the same thing on a mobile browser.

@media screen and (max-width: 600px) {
	#thelogo {width:350px !important; height:82px !important; background:url(https://shoutoutadvertising.com/images/bh-logo-350.png) no-repeat !important;}
  }

Best Regards,
Danny

Dreamwebpro,

Sounds like a good choice to work out any bugs. In the meantime, if you manually set which version of php to use (either 5.2 or 5.3 if it works), then you shouldn’t have any issues when BlueHost upgrades. You could download a copy to your local machine, and work out the issues with the site on a php5.4 environment using a local WAMP or XAMPP server installed to your computer. Once you figure out the problem addon, then just update the files for it on the live site.

Best Regards,
Danny

hey dream web pro

If you’re having immediate issues, ‘d recommend manually changing your php settings for the domain using either php.ini or htaccess. Each host has slightly different ways of doing this but here is a link to a bluehost article on the topic. Let me know if it was helpful.

Link to Bluehost ARticle about php version environment changes

I’ve had sites on Hostgator and they , at least for a time, were using php5.2 as the default but I could update to php5.3 just using a short line in the htaccess file found in the root of the installation. Voila, all was good. I imagine you can do the same and regress from 5.4 to 5.3

Obviously you might want to work out which plugin, widget, or even theme is getting issues from the updated version of php, but this can be used to get by just fine until you or the problem component to your site is identified and updated.

Best Regards,
Danny