Top bar and Burger Icon

Home Forums Polyclinic Top bar and Burger Icon

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #19641

    netinfo
    Participant

    Top bar and Burger Icon

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Hi,

    2 Questions please:

    1. How do i move the Header Info Widget on top of the section that holds the logo?

    2. Please also let me know how i can move the burger menu icon to the top, next to the logo. It is not at all visible now that it is fixed on the bottom right side.

    Please see attached screenshots for better understanding.

    Looking forward to your reply!

    Thank you in advance

    #19647

    Oliver Juhas
    Keymaster

    Hi netinfo,

    1. Probably the easiest way to move Header Info Widgets on top would be using a custom CSS:
      .site-header {
      	display: -webkit-box;
      	display: -webkit-flex;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-orient: vertical;
      	-webkit-box-direction: normal;
      	-webkit-flex-direction: column;
      	    -ms-flex-direction: column;
      	        flex-direction: column;
      }
      
      .header-info-widgets-container {
      	-webkit-box-ordinal-group: -4;
      	-webkit-order: -5;
      	    -ms-flex-order: -5;
      	        order: -5;
      }
    2. Please see theme demo website for how the original design was meant for mobile navigation. The mobile menu toggle button is actually displayed on bottom on all my most recent themes to improve mobile experience – when button is at the bottom, user can easily reach it even when holding the phone in one hand. If you want to move it up, please use a custom CSS:
      .menu-toggle {
      	bottom: auto;
      	top: 0;
      }

    Best regards,

    Oliver Juhas
    WebMan Design

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

You must be logged in to reply to this topic.