Windavid

I decided to pick a different theme and purchased Shiftnav pro!
I have my Shiftnav working, but I would like to trick out ?? my logo image.

#shiftnav-tricked-out .shiftnav-menu-image img, #shiftnav-main .shiftnav-menu-image img {
transform: translateY(15px);
transition: all 0.3s ease-in-out 0s;
}

Can you show me how? Maybe you could link me to the Knowledge Base.

Thanks!

Thanks for the quick reply! Sadly, I tried each combination you have listed and none of them work.

I really want to use the pro version on my main site. Here’s what I’m working with:

WordPress 3.9.1
Theme Swift Basic 0.2.7
WPTouch 3.3.3

I am entering each ID, #menu-toggle or #header-title-logo into the “Hide Theme Menu” text field. I have even entered them both, dividing them with a comma and space. I have tried it with WP Touch active and deactivated. It always throws the Shiftnav menu above the WP Touch menu.

When I enter .navigation, with WP Touch deactivated, it throws Shiftnav above my themes native mobile menu. I only want the Shiftnav menu to show.

What theme are you using on your Shiftnav.io site?

Thanks!

Found it in the plugin CSS.

I’m now having a problem with the button not showing up. It just shows a link, and below the link, it shows a text box with the link’s url inside. Any idea what’s going on? I am using wordpress 3.8.2.

Thanks!

I used the “disable table styling” under the plugin compatibility tab, and it helped a little bit, but it’s still throwing off the javascript I pasted above.

What I’m looking for is a HTML code which I can wrap around the javascript which will disable all CSS for the wrapped element (javascript in this case).

The js works in the sidebar as a widget when I use the “HTML Javascript Adder” plugin, so I know the javascript it good.

I found this in the style.css. Maybe it has something to do with my problem?

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

I still haven’t found how to eliminate the CSS styling on my javascript element.

Here is the javascript I am trying to add to my page:

<script language='Javascript' src='https://www.bookhostels.com/files/index.php?UserID=ADV-HUB.com&File=bighw&Language=English&Currency=USD&NewWindow=1&PropTypeSelect=1'></script>

[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

This is what it looks like when the page loads: Screenshot link

How do I prevent it from blowing up?

Thanks for the help!

Thanks Satish! Love the theme.

Here’s a screenshot link. It shows how the simple javascript search widget is blown apart because of the table settings in the CSS (I think).

Is there anyway I could put a <div> around this javascript to prevent it from adding any css style to this js?

Thanks man

Thanks for the reply! That did it. This plugin looks amazing by the way!

figured it out. I was using the Text widget instead of the (Tonic) Image Text widget. The confusion came from lack of sleep and that the creator of the theme says to use the Text widget.
The (Tonic) Image Text widget is built into the widget field selector, for those of you with my same issue.
David