Home Forums Pro Themes Biography Pro Logo position

This topic contains 5 replies, has 3 voices, and was last updated by  wensolutions 11 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #75877

    liberaldusunce
    Participant

    I want to position logo to the left of header instead of below it. Like in this photo: http://themepalace.com/wp-content/uploads/edd/2017/04/biography-pro-extra-page-templates.jpg

    I think its position changed in a recent update and I can’t find an option to put it back.

    How can I do this? Can you point me to the relevant files?

    #75898

    wensolutions
    Keymaster

    Hello @liberaldusunce,

    To place the logo at the left of the site title and tagline please add below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .banner-inner.biography-animate.fadeInDown.overhidden {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-orient: horizontal;
    	-webkit-box-direction: reverse;
    	    -ms-flex-direction: row-reverse;
    	        flex-direction: row-reverse;
    	-ms-flex-wrap: wrap;
    	    flex-wrap: wrap;
    	-webkit-box-pack: end;
    	    -ms-flex-pack: end;
    	        justify-content: flex-end;
    }
    
    .banner-inner .photo-section {
    	margin-bottom: 0 !important;
    	margin-right: 50px;
    }
    
    .banner-inner .photo-section span img {
    	-o-object-fit: cover;
    	   object-fit: cover;
      	-o-object-position: center;
      	   object-position: center;
    }

    Hope this helps.

    Best Regards!!

    #77150

    Sijmen de Boer
    Participant

    Can you please tell me how you got those social media icons in the menu?

    http://themepalace.com/wp-content/uploads/edd/2017/04/biography-pro-extra-page-templates.jpg

    #77157

    wensolutions
    Keymaster

    Hello @liberaldusunce,

    To display the social menu at the header please follow below given steps:

    Step 1: At first create the social menu by going to Admin Panel > Appearance > menus including your desired custom links like facebook etc.

    Screenshot:
    https://prnt.sc/ijrqgx

    Step 2: Now assign the created menu to Social menu location by from Admin Panel > Appearance > Menus or from Admin Panel > Appearance > Customize > Menus > Menu Locations.

    Step 3: Finally go to Admin Panel > Appearance > Customize > Site Identity and enable the option to display the social menu at the header.

    Hope this helps.

    Regards!!

    #77161

    Sijmen de Boer
    Participant

    Cheers, it works. But for now, there is another problem..
    Because of the 2 social media icons, I now have 2 sentences in my menu.
    How can I change this? (on my other pages not)

    Link: http://www.uwdenkbeeld.nl

    #77162

    wensolutions
    Keymaster

    Hello @liberaldusunce,

    To resolve the issue please add below given CSS.

    .home .main-navigation a {
        padding: 17px 7px !important;
    }

    Hope this helps.

    Thank you.

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

You must be logged in to reply to this topic.