My site – tukki.tv has a logo, quite big one in terms of height (please look it it).
I would like to be able to use CSS or something like moving the menu, but to the Logo as well.
What I want at the end is to overlap the logo on the social networks area, and in this way, to reduce the side of the upper part of the page.
Possible? how to do it?
Go to the website, see the current position of the logo
and this is what I want to do: (attached file)
Unfortunately I don’t see an attachment here…but from what you are describing (interesting idea), you would have to recode the top header, but this is something you would definitely need coding experience to work with html and css. It’s also not something that can be described in a tutorial either. To overlap the logo on the social bar, this will require absolute positioning and z-index which creates layering.
I think for this one if you are not able to do this, you will want to find someone who could recode the header for you and achieve the result you want.
Tried to upload the attachment, didn’t get any error, but still no upload..
Anyway, you understood me correctly. I know how to deal with the CSS, but could not find the relevant parameters in any CSS file
Could you please point me to the right one, and I’ll add it to the edited CSS file?
Everything begins with the header.php file which starts at line 29 <header id="cel-header"…..
…down to line 117.
Container css is in the style.css around lines:
184 for the #cel-header
210 for the #social-wrapper
2228 for the .main-navigation (menu container)
You will see classes like "container" "row" and "span4…etc". These are Bootstrap framework related, so I recommend not editing these which are found in further below in the stylesheet.
I just looked at your screenshot….the menu location is not difficult as there is a theme option setting for margin position in the Nav tab of the customizer. The logo placement should be a little easier to position than what I imagined without seeing a screenshot and would just be an absolute position with a z-index. However, you might have a challenge with the responsiveness of the theme in mobile view so you will need to explore the media queries to position it on small devices.