I'm having 3 options
1- show footer on all pages
2- show the footer on the first page only
3- show the footer on the last page only
I'm done with this part if we select 1st option its shows the footer perfectly on the first page but it's taking space on other pages as well. it should be not like this if we select to show the footer only first page it should not take up space on the second page and other pages.
same as it is if we select the 2nd option to show the footer on the last page only. it is showing perfectly on the last page only but it's taking space on the first page and other pages as well.
Does anyone have a solution?
Related
I am making a one-page application in restaurant menu style with Vue Js, so I switch between components without refreshing the page. There are categories on the home page. And when these categories are clicked, products belonging to that category appear. The problem I'm having is: For example, if there are 5 categories, these categories are listed at the bottom on mobile and not all of them are visible on the screen, so the user has to scroll down to see other categories. When he clicks on a category below, the products page that opens is not at the top of the page. In other words, the products in the page position of the clicked category appear. The first items are not showing up. I hope I was able to explain my problem. How can i solve this problem. Thank you from now.
I clicked on a category at the bottom of this picture.
Normally, the product at the top of the page should appear like this.
but when the page is opened for the first time, a product appears in the middle of the page.
I have a blog which is hosted over blogger. I found an issue some time ago that keeps on bothering me. The top menu bar of my blog starts showing a blank option when it is opened on a mobile or the page is zoomed in. The blank option when clicked redirects to a 404 error page.
Please help me out to fix this.
You can visit my blog from here.
Here is the template file of my blog.
Edit 1 - When we try to zoom in the page and inspect the element is like this
Problem
On selecting the option we can see there is a option which is undefined.
Issue
On deleting the option, ka-boom problem gets solved.
Issue fixed
but just when we reload the page, this thing appears again.
Thanks
Looks like the selectnav function generates the select dropdown from the children of the ul or ol node containing the menu...
Inside the menu list, you have a element, which doesn't fit the schema and is rendered as undefined inside the element.
You need to take the whole element out of the menu list, so it won't be generated as a menu list item in the menu dropdown.
I have 30 div rows blocks in a page. Firstly I want to show only 5 rows and when user scrolls to 5th row then start loading next 10 rows. Repeat same till the end of the content.
In case of delay in content loading then show "Loading more products.... ".
This is called "lazy load". You can search for it to see how you can implement it to your project.
Here one jQuery plugin for such as things
http://www.appelsiini.net/projects/lazyload
I Just wanna change the content of my block when the page refreshes(Just like the concept in advertisement block changes on page refresh).I'm doing a drupal7 site.That block is a dynamic one (views:block) it has four fields of three text and one image field.
The block's content belongs to a content type "X".On the page refresh the block should show one of content of content type "X".
I want to change the content of the block whenever the page refresh takes place.
Could you please give me the guidance for the script?
Again I don't thank you need a script for this. I guess we can do this by setting the "Items per page" in view to 1 and and in sort criteria select "Global: Random". This should randomize the display of content in the block on every page refresh.
I have two dojo containers on page. The main container has three content panes (tabs), pane1, pane2 and pane3. Pane2 has another container which has two panes(tabs) again, pane2a and pane2b. What is the javascript code I write to make the last selected tabs remembered after refreshing/moving away and coming back to the same page. persist=true isn't working with my version of dojo. Please help.
You could use dojo.cookie() to set a cookie whenever a tab is selected, then read the cookie on page load and select the relevant tab.