Location of the logo

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15184
    Tomer Eisner
    Member

    Hi,
    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?

    Thanks,
    Tomer

    Go to the website, see the current position of the logo
    and this is what I want to do: (attached file)

    #19969
    Sushil Adhikari
    Moderator

    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.

    #19970
    Tomer Eisner
    Member

    Thanks.
    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?

    here is what I want to do :
    http://tukki.tv/?attachment_id=242

    Thanks,
    Tomer

    #19971
    Sushil Adhikari
    Moderator

    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.

    #19972
    Tomer Eisner
    Member

    Thanks,
    I found how to do it…check the website. Done 🙂
    I still have serious issues with tables..but I will open a separate thread about it.
    But Hei…I love this theme!

    Tomer

    #15185
    Sushil Adhikari
    Moderator

    Awesome…good job!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.