Changes to the default header layout

Post by robster » Fri Mar 17, 2017 7:44 pm

Hi

First of all apologies if this is the wrong section to post this request (admin please move if needed). First time I have posted here in yonks.

I am wanting to use the default Opencart 2.0.3.1 theme on my next project to avoid the ususal problems of extension compatability, plus the fact that the default theme is very cool. Anyhow, I would like to alter the top header area to change the position and length of the seach bar to above the cart button AND allow for a bigger Logo than the current 33.333% restriction. Any clever people show me how to do this please? Probably pretty basic to most of you but I can't for the life of me make it so!

See screen shot attached.

Thanks in advance

Robster

Attachments

new-header.jpg (95.64 KiB) Viewed 2569 times

I know my place...!

Post by cyclops12 » Sat Mar 18, 2017 4:00 am

<script>
$(document).ready(function () {
if ($(window).width() > 768) {
$('#search').insertBefore('#cart');
$('#logo').parent().removeClass('col-sm-4').addClass('col-sm-9').next().remove();
}
});
</script>

Post by robster » Sun Mar 19, 2017 8:47 pm

I know my place...!

Post by robster » Sun Mar 19, 2017 9:28 pm

I know my place...!

Post by cyclops12 » Sun Mar 19, 2017 10:49 pm

Post by robster » Mon Mar 20, 2017 12:42 am

Attachments

Screen_Shot_2017-03-19_at_16_36_48.png (23.76 KiB) Viewed 2506 times

I know my place...!

Post by cyclops12 » Mon Mar 20, 2017 2:32 am

Post by robster » Mon Mar 20, 2017 7:44 am

Hi,

Yes I did change that - I set it to col-sm-5 for example but the search bar and cart moved across too. Not quite there yet

See screenshot.

Robster

Attachments

Screen Shot 2017-03-19 at 23.42.05.png (30.15 KiB) Viewed 2489 times

I know my place...!

Post by cyclops12 » Mon Mar 20, 2017 5:26 pm

Post by robster » Mon Mar 20, 2017 6:34 pm

@media (min-width: 768px) {
.col-sm-3 {
float: right !important;

I know my place...!

Post by cyclops12 » Tue Mar 21, 2017 2:34 am