Hi !
I'm trying to solve an issue with logo size. When I use only a logo image, the site is OK (left side of the screenshot) but on mobile, it's taking the all width so the off-canvas menu can't be seen.
But if I add a smaller Logo on mobile, it works on mobile but on regular desktop I have a deformed logo version (right side of the screenshot). Any idea how I can solve this ?

    Thanks !

    So things seems to be better but I'm still having the site Logo deformed on the Home Page (compared to other pages, which is a template where I don't use a mobile logo). Am I missing something ?

      6 days later

      Hi stephane-lavoisard,
      I apologize for the delay in responding to you. Rest assured, I am actively addressing the issue at hand and will provide you with an update shortly.

      I have checked the template - ID 126 and see that the logo looks well. I think you have resolved this issue. Let me know if you have any issues.

          dominic
          Hi Dominic,

          No problem... I understand you must have so much people asking things allt he time 😉
          Well, as the site is live, I finally deleted the mobile logo so now at least the home page logo is no more deformed. But because of that, on mobile, you can't see the off-canvas menu on vertical mode... may be it's easier to solve this ?

          Best regards

              Hi stephane-lavoisard,
              I have added a custom CSS to your template style - ID 126 > Tools > Custom CSS
              You can check your site now.

                That's perfect. Thanks again (and again (and again)) 🙂

                Last point, how do I change this to all my others templates. Just adding the Custom CSS change won't be ok, I also need to do the same changes you did in the Header in Layout Settings ? When i tried it made the logo disappear and the whole menu break down...

                Stephane

                  Hi stephane-lavoisard,
                  Yes, you need to use the header block that I have updated and CSS code.
                  Please let me know if you still face this issue, you can provide the template ID, I will help you check it.

                      Hi stephane-lavoisard,
                      When creating a template style, you can click Add new header block and put the following code to the block.

                      <!-- HEADER BLOCK -->
<header id="t4-header-wrap" class="t4-header w-100">
  <div class="t4-header-inner">
    <div class="row no-gutters d-flex align-content-center justify-content-between flex-nowrap">
      <div class="col-auto t4-logo-header d-flex align-content-center col-xl-4">
        <jdoc:include type="element" name="logo" />
      </div>

      <div class="t4-megamenu-wrap col-auto d-flex justify-content-end col-xl-8">
        <div class="t4-navbar d-flex align-content-center">
          <jdoc:include type="element" name="megamenu" />
        </div>

        <div class="t4-header-right d-flex">
	        <div class="head-search">
	          <jdoc:include type="modules" name="head-search" />
	        </div>
	        
	        <jdoc:include type="element" name="offcanvas-toggle" />

	        <jdoc:include type="element" name="megamenu-toggle" />
	      </div>
      </div>
    </div>
  </div>
</header>
<!-- // HEADER BLOCK -->

                      I have updated the header block in the template style ID 72.

                          dominic
                          Hi Dominic !
                          Many thanks, so I was able to do the change on all the templates and everything is working fine !

                          Thanks for your patience !!!

                          Best regards,

                          Stéphane

                            Write a Reply...
                            You need to Login to view replies.