Hello all!
So.. I got Left catergorys menu and the top menu with same stuff, i think is pretty useless.. So, where can i remove top one, i found where to remove left one. I use 2.0.0 Opencart and picture of my problem -> http://puu.sh/eiUWN/bd74b78bf7.jpg
If theres any chanse i would like to replace those top menu categorys with my home, support and contact etc buttons.
Thanks for any help or info, have a cookey {cookey}
So.. I got Left catergorys menu and the top menu with same stuff, i think is pretty useless.. So, where can i remove top one, i found where to remove left one. I use 2.0.0 Opencart and picture of my problem -> http://puu.sh/eiUWN/bd74b78bf7.jpg
If theres any chanse i would like to replace those top menu categorys with my home, support and contact etc buttons.
Thanks for any help or info, have a cookey {cookey}
Or you can use my extension Custom CSS and add the below code to hide the top menu:asema84 wrote:Hi..
Here's how..
Go to categories> edit (each category)
Go to data tab and un-tick the "top"
Hope it's helped..
Code: Select all
#menu {
display: none;
}
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Hi, have you tried accessing your categories from a mobile phone after you removed your top navigation?
Try this for top menu:
and add to css:
Code: Select all
var didResized;
$(document).ready(function() {
didResized = true;
});
$(window).resize(function() {
didResized = true;
});
setInterval(function() {
if (didResized) {
hasResized();
didResized = false;
}
}, 50);
function hasResized() {
$('#menu .navbar-nav > li').show();
if ($(window).width() > 750){
var width = 0;
$('#menu .navbar-nav > li').each(function() {
width += $(this).outerWidth(true);
if (width > $('#menu .navbar-nav').width()) {
$(this).hide();
}
});
}
}
Code: Select all
@media (min-width:768px) {
#menu .navbar-nav {
height 40px;
overflow: hidden;
}
}
thank you for helpdaniGo wrote:Try this for top menu:
and add to css:Code: Select all
var didResized; $(document).ready(function() { didResized = true; }); $(window).resize(function() { didResized = true; }); setInterval(function() { if (didResized) { hasResized(); didResized = false; } }, 50); function hasResized() { $('#menu .navbar-nav > li').show(); if ($(window).width() > 750){ var width = 0; $('#menu .navbar-nav > li').each(function() { width += $(this).outerWidth(true); if (width > $('#menu .navbar-nav').width()) { $(this).hide(); } }); } }
Code: Select all
@media (min-width:768px) { #menu .navbar-nav { height 40px; overflow: hidden; } }
which file do you put the first part of you code?
The first part you copy here catalog/view/javascript/common.js and the second here catalog/view/theme/default/stylesheet/stylesheet.css.
Who is online
Users browsing this forum: No registered users and 43 guests