I have been trying to debug this issue for my online portfolio. Thought I'd turn to you the Stackoverflow community for some assistance and might learn something along the way from the communities finest.
I'm probably missing something obvious. I have been trying to debug an issue where the navigation is not appearing as it should be.
Then the page is being loaded, for a split second, you can see the desktop navigation.
Loading Screenshot below:
After the page has completed loading, the navigation is not displaying.
Final load screenshot:
What am I missing here?
I found the answer to my own question. I was missing a space between two classes.
Backend code:
<div class="tm-navbar<?php echo $navbar; ?>"
This should of been like this:
<div class="tm-navbar <?php echo $navbar; ?>"
I do apprecaite all you help. Thanks guys.
it seems like theres some jQuery or javascript causing the menu to initially be hidden then to show when you scroll down to a specific point in the page.
it looks like that js or jquery is adding a classes to the div "tm-navbartm-navbar-overlay" called
"tm-navbar-transparent" which controls the menu being hidden, and also the class "uk-animation-slide-top" which controls the menu to show on scroll
first try doing a search for these classes in your project folder and if you see somewhere in a js file where it is controlling the nav, get rid of it.
if that doesnt work revert what you did and try overriding it with simple line of jQuery placed at the top of your main js file
$(".tm-navbartm-navbar-overlay").show();
Related
I have little experience with Wordpress .
I am trying to edit the JS file of my page . I can find those lines in browser console and I am also aware of the fact that a Wordpress page is rendered from Database.
But there are two JS code snippets in my page and they have an icon as follows :
Can someone please help in guiding me where are these JS code snippet actually place so that i can edit them.
I think you are in visual tab of your editor. You need to go into text tab which will show you the coding of your page, that you can find at top right corner in editor.
I've created a homepage, that simply has a sentence as the content
I've edited the settings so that this the front page of the website.
However, given the theme that I am using, when I go to the home page, this is what I see
I can see the content of my home page at the very bottom, but before that, there is a slider and a couple of blocks (that presumably come with the theme).
I'd like to know either how to remove these default blocks, or edit them myself to include links to other pages.
Also, as you can probably tell, I am very new to Wordpress. Are there any good documentations for beginners that would teach me how to create pages, edit and customize them so that I can have control over the whole page (as a regular website)?
I think you should edit by the php file, so if u don't know PHP start here.
Go to : menu > appereance > editor.
Here u see all the files you need. The file you should edit change with the theme.. so go through the code.
Maybe, it's under header.php
The html code you get above your content is inserted from the page template assigned to your homepage. Thus, if you want to modify it somehow you should go Editor Panel in Appearance Menu, then edit desired template. You can also create your own template with structure you actually want and assign it to that page.
As for a documentation, I think you're going to be good with the official one.
You can edit it by going appearence->editor with php code, be careful when you doing this
if you want to edit a header, you can find header.php in that particular theme
same with footer.php and you customize the design by clicking appearance->customize
I'm under a bit of a deadline so I was hoping that before I proceed down any paths someone could tell me if what I'm doing is feasable or if there is an easy/quick way to resolve it:
After running into some issues with an accordion menu I have opted for an interim fix of using several menus and replacing each of them with js. I don't have the code in from of me but essentially:
function change-menu(menu){
var new-menu = menu + ".php";
(#menu-area).load(new-menu);
}
(I've only done a little work with js so far so please ignore the above syntax... I'll try to fix it later.)
And my link would be something like:
<a onclick="change-menu('something')">Something</a>
Inside the side menu are thumbnails for the artwork that will load in the window area and to keep it simple I'm just using a php include that will look something like:
[img goes here]
But I realized that when I do that I should also pass the menu to the next page as well so it knows what menu to initially load in the new page. But then I though - and I'm overanalyzing this and bit - if I want the experience to be stremalined and look a certain way even if I'm coding it a bit bitmakeshift at the moment I dont want someone to hit the back button and have the menu start opening and closing different parts.
So the question is:
Is there a way that I can tell the php link to import whatever the current state/value of the sidebar? I just want to make sure that the side menu only changes when the user clicks on it and not from hitting the back or forward buttons. Is this an easy action? Is it even a possible action? Are there better solutions?
You should look into AJAX to achieve this. Using AJAX, you can get the new content as HTML from a php page and then use JavaScript to replace the existing content of the sidebar with the AJAX return. This way the content of the sidebar will be changed without reloading the page.
No you can't do it in php. Use Javascript instead.
First time user of Galleria and i just can't get it to work? its just giving me a list of images?
i have tried what it says in the FAQ's but nothing is working? please can some one help me?
I don't no Galleria but the following code
jQuery("#gallery").galleria({
is referring to an element with id="gallery".
I think the second div
<div id="gallery/landscapes (random)">
Should read:
<div id="gallery">
Going to the page directly, I see a couple things that might help.
You are loading the theme both at the top, and in your script
You might need to load the script later on in the document, since the div has to exist before it can reference it. (On the page up on the web, the script comes before the gallery div. It needs to come after it)
The code posted here has the incorrect div name ("gallery/landscapes (random)"), but the one on the site has the correct name ("gallery")
To make things easy, here's the site - http://schnell.dreamhosters.com/folio/pixelread.php View the source code all you like.
The middle button of the top bar in your browser window that says "Palette" is supposed to open up a fancybox in the middle of the screen, and that box should load into it the data inside the element with id of 'data', but it doesn't and comes up with an error message of "The requested content cannot be loaded. Please try again later." I took this example straight from the fancybox website and double-checked that all the CSS, image and JS files are in their proper place and loaded. So now I'm lost and no idea how to do/fix this.
PS - I use Google Chrome 6.0. I'll see if this happens in IE8 or Firefox.
PPS - Found a solution. I can force the HTML content that goes into a fancybox by using the 'content' property. Using that and jQuery I can easily stuff a box with whatever I want. Thanks for the help guys.
Found a solution. I can force the HTML content that goes into a fancybox by using the 'content' property. Using that and jQuery I can easily stuff a box with whatever I want. Thanks for the help guys.
I think the problem is that fancybox isn't recognizing your content as being inline (not exactly sure why, but maybe something to do with the query string in the url, since it works when that isn't present).
I would try adding the explicit type: inline to your fancybox declaration:
$("a#inline").fancybox({'type':'inline'});