[SOLVED] Header logo help

[worldgod]

Is there a way to make my header logo go almost all the way to the cart block? I am sure it is something I overlooked. I have tried to find an answer but was unable to,

[worldgod]

Does anyone know how to fix this?

[vekia]

hello

have you tried to upload just bigger logo file?

in addition, is there any chance to get your website url?

i think that problem can be related also to css styles.

[worldgod]

hello

have you tried to upload just bigger logo file?

in addition, is there any chance to get your website url?

i think that problem can be related also to css styles.

I have  tried different logo size, it messes up other aspects of site.

www.breathofvapor.com

[vekia]

it's because of css styles:

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

remove max-width param

 

 

effect

[worldgod]

it's because of css styles:

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

remove max-width param

 

 

effect

Perfect, that did it, thank you so much!

[vekia]

you're welcome :-) glad to hear that i could help you a little

i marked this topic title as [solved]

with regards,

Milos

[bburrer77]

could you let me know the file sequence to make this change in my site as well,,, am kinda new to all of this and don't want to mess something up..

 

thanks,

[vekia]

could you let me know the file sequence to make this change in my site as well,,, am kinda new to all of this and don't want to mess something up..

 

thanks,

please share url to your website and let us know what you exactly tryinf to achieve

[bburrer77]

The url I www.e-cigshoppe.com...

 

I would just like to make it a little bigger for customer viewing,,, it is a high res image, but when you up load it,, it takes away it's quality due to it shrinking it.

thanks for the fast reply

[worldgod]

could you let me know the file sequence to make this change in my site as well,,, am kinda new to all of this and don't want to mess something up..

 

thanks,

 

You need to edit global.css in your theme/default-bootstrap/css/

[worldgod]

My issue now iis it messes up the formatting. I changed it to

 

instead of removing the max width I changed mine to

 

img-responsive {

  display: block;

  max-width: 210%;

  height: auto; }

 

that makes the logo the same size as the image slider when on a pc 

[bburrer77]

I have done this fix as well as changing the  

 

.col-sm-4, header .row #header_logo {
    width: 33.33333%; }

 

to like 50%,, and both mess up my footer block positions,,,,

right now, I have changed everything back to it's original numbers, and my footer is still all messed up.

blocks all the way to the left and a space of white at the bottom.

any idea of what I can do?

sorry url for a look is www.e-cigshoppe.com

[dioniz]

bburrer77 your problem is in yourdomain/modules/agepopup/css/demo.css in this code:

#footer {
    clear: left;
    color: #888888;
    margin: 20px 0;
}

Don't know why that code is there, but it has influence on your footer. Try to set margin to: 0 auto.

[bburrer77]

Thank you dioniz.

That worked,,, the blocks shifted over, and the space is gone on the bottom,,,

 

I have one last issue, if you could help.

The store info is still out of wack in the footer,,, I have tried repositioning it in the modules position, but no dice.

 

If you know what the fix might be for that,, I would appreciate it!

 

Thanks,

Brian

[dioniz]

problem is in this code, which you changed because of header logo:

.col-sm-4, header .row #header_logo {
    width: 50%;
}

.col-sm-4 is used in more places in theme so you shouldn't change it to 50%. It should stay at 33.3333%

 

I would suggest you to make new header .row #header_logo code and set it to 50% and you will have to change this line in blockcart.tpl

<div class="col-sm-3 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

to this:

<div class="col-sm-6 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

so your cart will stay in the same place as it is now

Edited April 7, 2014 by dioniz (see edit history)

[bburrer77]

Thank you very much dioniz,

 

I changed the things back, and ended up changing the blockcart.tp to

<div class="col-sm-8 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">  and that put it in the correct place.

 

I then went back and changed the 100% to nothing in this global.css from the original post so that I could change the size of the logo.

 

.img-responsive {

display: block;

max-width: 100%;

height: auto; }

 

It looks like all is good. Am I ok with changing this, or am I messing up something else by doing this?

[dioniz]

Looks ok to me

[bburrer77]

Thank you again,,, you have saved me a lot of time,,,

I did not know where to look.

Once I get the site up, if you are a vapor, or a smoker,,,,,, let me know,,,, I will make sure you are taken care of for helping me out like this.

 

Thanks,

Brian

[dioniz]

You are welcome Brian and i'll take you at your word

[bburrer77]

dioniz


I was wondering if I could use your expertise on another issue.


I purchased a back round slider, and it was working fine.

I also purchased a theme color changer, and it was working fine. I just got all the colors where I wanted them, doing it all in stages, and it was working fine.


I got home from work and changed one more thing in color, and now my whole site has shifted to the left.


If you could look at it and tell me your thoughts

www.e-cigshoppe.com

 

sorry for bothering you again,

[bburrer77]

I have fixed it,,, I had to redo the theme color configurator.

I don't know why it did it, or why this fixed it, but it worked.

 

Thank you again for all your help.

[[email protected]]

I am having problem with appreance of my shop logo I have tried many sizes for the logo image and I am editing it in photoshop CS5 but as i upload the logo image there appears a color noise in the logo image I do not know how to rectify this whether I need to change size of my image or some thing else please help I am attaching the logo image and my website url is www.myhealthklub.com

Please some help.

[vekia]

take a look:

 

your natural logo size is 471 x 125, your website uses 370px and 98px height

this can cause your problems

 

try to use image size that your website uses, reupload it with size that i mentioned

[wwesps]

Hi Vekia- This works only for the web version but doesn't work for the Mobile/Tablet version.

The LOGO size does increase but the nearby SEARCH & CART icons get overlapped.

 

How can we increase the LOGO size but also ensure that SEARCH & CART icons get reduced in length so that all 3 namely: LOGO, SEARCH and CART fit in a single row.

 

(OR)

 

How about LOGO increases fully & the SEARCH/CART icons gets shifted to below the LOGO?

 

Thanks,

Vick