How to align logo IN menu row and not below

  • Posted in : TheBlogger
  • Sofia
    Participant

    Hi, I cannot find any option to put my logo in the same line as the menu. It is being displayed below the menu. I also uploaded a logo to “Image Logo Negative” but that doesn’t do anything. 1. How can I change this? Or is it not possible in this theme?
    2. If it is possible, how can I center the logo in the midle, and the menu content left AND right to the sides of it?

    3. Another option for me would be to create a new header with elementor pro myself, as I just started using it. However, there the theme header and footer are automatically intergrated. How can I deactive this in the theme and make my own header and footer with elementor?

    Sofia
    Participant

    Hi, I’ve seen that you just published an update reagrding this and I have installed it. However, it does not work properly it seems. Pls have a look at my website. The logo is too small, not visible (becase of the color) and not centered. I managed to get it in one row (in small / one row option), but the logo is not visible and most options do not do anything (like image logo height does not chance a thing, however “image logo mobile” does).

    Image Logo Negativ = no result when I upload the logo here instead.

    New option: insert logo in “header”-> general (in customizer) –> logo is being displayed 4 times (I even deleted the logo in the other option. AND when I upload the logo here (in Theme general header settings), the menu/headeer background color changes for some reason. Thanks!

    serkan
    Moderator

    Hi,
    -Go to customize > header > general > you should set up the header mask colors and mask opacity
    -If you want to remove the header in a page, edit your page and on the right-hand side of the template section, choose elementor canvas and save it. It will remove your header.
    Thanks

    Sofia
    Participant

    Hi Serkan,

    I do not wish to change the color of of the header (in mask colors). I have done so just for experimental reasons, and the logo is still barely visble. And chaniging mask opacity does not do anything, no effect can be observed (I have just tried). AND the logo is not in line, as I said previously, changing logo size seems not working (except for mobile version)!

    Have you read my previous comment? Because you have not replied to all my questions.

    serkan
    Moderator

    Hi Sofia,
    I will forward this topic to our developer and I will keep you updated.
    Thanks

    ahmetsali
    Keymaster

    Hi, I have just logged in to your site;

    – I could center your logo with Customizer > Header > General > Header Layout : Header Small Logo Center”.

    – image logo height option seems to be working fine on desktop too, it changes the size of your logo. However your logo doesn’t seem to be optimized for small views, your alternatives are;

    – increase your menu height from “Customizer > Header > Menu > Menu Height” to match your menu height to the height of your image logo.

    – switch to the Header Layouts: Menu Top or Menu Bottom, where you can display your logo larger for better visibility.

    – set bg color for your logo in contrast to your logo colors, from Customizer > Site Identity > Logo Bg Color option.

    – use dark header background color to increase your logo visibility.

    – or design a new logo with higher contrast and optimized for small views.

    – Image Logo negative only works when your static header and sticky header background colors are in contrast, in your case it is not.

    Have a nice day!

    Sofia
    Participant

    Hi thanks for this.

    One more issue though:

    -If you want to remove the header in a page, edit your page and on the right-hand side of the template section, choose elementor canvas and save it. It will remove your header.

    When I do that, it also removes the footer.

    And it breaks my Elementor page (an older version of the page is being displayed and the current template is suddenly removed from Elemenotr templates. When I set it back to “default template” the correct Elementor templates appears again.

    serkan
    Moderator

    Hi, you can achieve that layout with Elementor Canvas page template, please see the post below for more;

    https://elementor.com/help/using-elementors-canvas-page-template/

    The Canvas Page Template removes your Header, Footer and Sidebars.

    Cheers.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register