Simple Navi Logo Size

[kwp4petar 0]

I have been trying so many different options on the forums and nothing's working for me.  On one site (most recent one i'm working on), I can change the size of the navigation bar at the top with no problem at all.  However, when I try using Simple Navi (Full Width) on another site, nothing works.  All I want is the logo to be larger (be it by changing the size of the container or the image div itself). I think my biggest issue is not knowing exactly what I need to direct my css changes to.  I am also trying to change the background of the bar.  I don't want any background. 100% transparent background.  I've tried using 'background-color: transparent;' but that hasn't had any effect so far.  I also tried using a 1% (as well as a 50%) transparent solid color image from photoshop to set it as the background, but that didn't work either.

 

So here's the long story short of what I want:

 

1. What's the easiest way to find the exact name of the object(would 'div' be a more correct term?) I am making changes to in css? (i've tried using Chrome's 'Inspect Element' but that doesn't always work)

   

    ex: How do people know to do '.section-navi img { .... }'

 

2. How do I change the size of the logo being used in Simple Navi (full-width)?

 

3. How can I make the navbar have either slightly transparent solid colored background, or no background at all (100% transparent).

[Danny+ 1,327]

Hi,

 

I am not entirely sure what you're trying to achieve. Therefore, can you provide a link to the site in question and provide some images showing us exactly what it is you're trying to do. Once, we have this info, we will be able to assist you further.

[kwp4petar 0]

EDIT: I was able to change the size and location of the logo, so forget my second question.

 

 

I can't link the live site currently but I took a screenshot of what it looks like now:

 

 

Here's what I had in mind (ignore the different menu icon, I just quick whipped this up in photoshop):

 

 

 

[Danny+ 1,327]

To achieve that style, you're going to need to use custom CSS. Inspect the section using Chromes dev tools and this will pinpoint you to the correct class in which you need to style.

 

Also, please be aware that as this is your custom code, if you encounter any issues we will be unable to assist you and it will likely cause issues when you're viewing your site on a mobile device.

[kwp4petar 0]

Right, I understand requiring custom css.  I already applied some to the area (centering logo and increasing container height), but when I try to set the background to transparent with 'background-color: transparent;' or using a 1% transparent image with 'background-image: url('...');' and it doesn't effect it at all.  

 

EDIT: I'm also not using the mobile version

[Danny+ 1,327]

How have you applied the background-color and background image properties, can you unlock the website and show us the CSS you have used please.