Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #919613

    Dear Support,

    How to create top banner on the right side from the logo? Please advise. Thank you!

    San

    #919688

    Hey memodemo,

    Please refer to this thread: https://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
    Hope it helps :)

    Best regards,
    Nikko

    #920088
    This reply has been marked as private.
    #920161

    Hi,

    You can add two widgets then post back here, we’ll inspect the site and give you some css codes that should help :)

    Best regards,
    Nikko

    #920344
    This reply has been marked as private.
    #920994

    Hi!

    We are working on your ticket will get back to you with the results ASAP.

    Best regards,
    Vinay

    #921713

    Hi,

    I checked your site but couldn’t find the overlapping issue you mentioned on my android phone. Please share a mockup so we can further investigate this issue.

    Best regards,
    Vinay

    #921714

    Dear Vinay,

    Thank you for your hard work, this period, I also try to found other solution, In my last record that it’s work to add 2 header widget in website version, refer to case below, if change the mobile code or position can solve my problem? Anyway, I looking for your further reply, thank you very much!

    PS. In mobile, also okay that the 2 header widget display under the logo.

    Best regards
    San

    #921718
    This reply has been marked as private.
    #921722

    Dear Vinay,

    The temporary website as below.

    Thank you
    San

    #921937

    Hi,

    We have adjusted the CSS code for you in Quick CSS.

    #header .widget:nth-child(1) {
      top: 50%;
      transform: translateY(-50%);
      left: 5%;
      position: absolute; 
      margin-right: 30px;
    }
    #header .widget:nth-child(2) {
      top: 50%;
      transform: translateY(-50%);
      right: 5%;
      position: absolute;
      margin-left: 30px;
    }
    
    .logo a,
    .logo a img {
    	width: 200px;
    	top: 50%;
    	transform: translateY(-50%);
    } 
    
    
    @media only screen and (max-width: 900px) {
    	#header .widget:nth-child(1),
    	#header .widget:nth-child(2) {
    		margin: 0;
    		padding: 0;		
    		display: block !important;
    		width: 100%;
    		position: relative!important;
    		clear: both;
    	}
    
    	#header .widget:nth-child(1) {
    		top: 20px;
    	}
    	#header .widget:nth-child(1) {
    		top: 100px;
    	}
    
    	#header .widget:nth-child(1) img,
    	#header .widget:nth-child(2) img {
    		left: 50%;
    		transform: translateX(-50%);
    		position: relative!important;		
    	}
    . logo {
    margin-bottom:10px;
    }
    }

    Best regards,
    Vinay

    #922421

    Dear Vinay,

    You’re great helpful, thank you very much!

    Best regards
    San

    #922429

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Top banner on the right side of logo’ is closed to new replies.