[Resolved] Foundation Logo Size?

[Nikki72]

Just started playing with V6 and I'm stumped already. The logo image seems to be getting automatically resized/shrinked to around half the size of the actual image in the Foundation skin.

I've searched through the css for the classes and id's surrounding it in main.php but some of them don't appear to even be in any of the css files and despite trying to add them myself I can't seem to figure out how to stop the image from being resized

[bsmither]

That is certainly a fairly obnoxious choice of assigning screen real estate - 25% to 33% of the screen width to the logo and the rest to the Search Bar.

You can try this:

Starting at line 58:
<div class="row marg-top" id="top_header">
  <div class="small-4 large-3 columns">
    <a href="{$STORE_URL}" class="main-logo"><img src="{$STORE_LOGO}" alt="{$META_TITLE}"></a>
  </div>
  <div class="small-8 large-9 columns nav-boxes">
    <div class="row" id="nav-actions">

Change from class="small-4 large-3 columns" to class="small-6 large-7 columns".
Change from class="small-8 large-9 columns" to class="small-6 large-5 columns"

Div blocks that share the same screen row need to add up to 12 columns for each size. The edits above gives a bit more than half the row width to the logo.

The Foundation CSS assigns the following rule to all images: height:auto;max-width:100%;

The Foundation skin is peculiar in that everything will automatically resize to be a percentage of the browser's screen width (called a 'viewport') at all times (as best it can), and reflow the layout at certain widths.

This action is called being 'responsive' and is key to having the one skin fit desktops, tablets, and smart phones viewports.

You can try adding a rule to cubecart.default.css: #top_header img {min-width:400px;} but be sure to see what that looks like on your phone.

[Nikki72]

Fantastic, thank you xx

[OnyxMoons]

This is great, as another of my questions answered... may I ask what file to edit this in?  Thank you in advance

[Nikki72]

This is great, as another of my questions answered... may I ask what file to edit this in?  Thank you in advance

Skins/Foundation/templates/main.php

[OnyxMoons]

Thank you Nikki72... much appreciated... 

 

[Nikki72]

Thank you Nikki72... much appreciated... 

 

My pleasure hun, it's nice to be able to help for once lol x