Code: Select all
<script>
$(document).ready(function () {
if ($(window).width() > 768) {
$('#search').insertAfter('#cart');
}
});
</script>
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
Thanks once again for providing brilliant help.
EDIT: Is there any suggestion as to how I can extend the logo across the space previously occupied by the Search Bar. When I created a logo of length 800 pixels, which I assumed would be a nice fit, it automatically shrunk to a very small logo on top left of screen.
Glad to hear that you figured out it!BruceTag wrote:That worked perfectly, as was expected from a Viethemes Extension and script. I initially assumed the Custom CSS is what you were referring to, but I realised quickly the Custom JavaScript was a separate extension.
Thanks once again for providing brilliant help.
EDIT: Is there any suggestion as to how I can extend the logo across the space previously occupied by the Search Bar. When I created a logo of length 800 pixels, which I assumed would be a nice fit, it automatically shrunk to a very small logo on top left of screen.
About new question, you can replace the code above with code below
Code: Select all
<script>
$(document).ready(function () {
if ($(window).width() > 768) {
$('#search').insertAfter('#cart');
$('#logo').parent().removeClass('col-sm-4').addClass('col-sm-9').next().remove();
}
});
</script>
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
Glad to hear that you are happy with my workBruceTag wrote:Once again a MASSIVE THANK YOU to Viethemes for their genius and invaluable help.
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
Could you explain via image, so I can take a look at your question closer?LuisaX wrote:Hi Viethemes
I installed your Custom Java and it's working perfectly :-)
Just one question. Which code should i use to move the search bar in the menu bar after the category names?
Many thanks for your help!!
Luisa
Glad to hear that you are happy with my work!cyclops12 wrote:excellent way to have a bigger logo, nice one viethemes
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
This is the store i'm working at and I'd like to move the search bar into the grey menu bar (after "digital" but all the way to the right)
http://www.supernaturalcat.com/store/
Many thanks for your help!!!
Luisa
Code: Select all
<script>
$('#menu').append($('#search'));
$('#search').css({
width: '300px',
position: 'absolute',
right: 0,
top: 0
});
</script>
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
Glad I came across this post as it is exactly what I am after. However I have installed your fine free Custom JavaScript extension and tried to enter the code you mention at the top of this post but when I hit save I get:
Forbidden
You don't have permission to access /test/admin/index.php on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
I am using OpenCart v2.1.0.2.
Any ideas?
I know my place...!
Are you still with us? I have asked this question here, on the extension page and twice through your ticketing system but had no response. Hopefully you can assist with this.
Robster
I know my place...!
It seems that your hosting is enabling security for filtering post method. You should contact their to disable it.
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
I sent that information to my hosting company but they could not understand what exactly you mean:
"Can you please provide more details regarding this. Specify what you want to disable in the server."
I don't understand either so could you help explain a little more?
Thanks
Robster
I know my place...!
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
Users browsing this forum: No registered users and 97 guests