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

    Hello Support-Team,

    I have recently purchased the Enfold theme and I have a few question concerning the header and footer.

    Header:
    • Is it possible to set up the social media icons like on your homepage with a little dashed line as a separator?
    • When the browser changes size (for instance on a pc or mobile device). The social media icons go to the center and the logo changes to a minimalistic version. Can you do this directly using Enfold WordPress-editor or does it require some manipulation in the style.css directory.

    Footer:
    • How can I make the footer look like the in the Enfold theme preview. With an Interesting Links, business hours and latest news etc. segment.
    • Where can I remove the Enfold Theme by Kriesi Copyright? For some reason I does not go away when I change it with the WordPress-editor.

    It would mean a lot to me if you could provide the codes or give me some advice on how do these things, since I only have a basic understanding of Css and php.

    I would like to thank you in advance.

    Regards,

    Frank.

    #179779

    Hey Sbjup!

    1.) You can add this on your custom.css or Quick CSS to create a dashed border:

    #top .social_bookmarks li {
    border-right-style: dashed;
    border-right-width: 1px;
    }

    2.) It is done using Media Queries on css > layout.css:

    .responsive #header_meta .social_bookmarks{padding-bottom:2px; width:100%;}
    		.responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
    		.responsive #top #header_meta .social_bookmarks li:last-child a{border-right-style: solid; border-right-width:  1px;}
    		.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
    		.responsive #header .social_bookmarks{width:100%; text-align: center; height:auto; line-height: 0.8em;}
    		.responsive #header_meta .sub_menu>ul li,
    		.responsive #header .social_bookmarks li{float:none; display: inline-block;}
    		.responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
    		.responsive #header_main_alternate .mobileMenu{ margin:16px 0;}
    		.responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
    		.responsive .mobile_slide_out .logo img{margin:0;}

    3.) Go to Appearance > Widgets and fill up the Footer Columns widget areas.

    4.) Go to Enfold > Footer > Copyright and place [nolink] on the field.

    Regards,
    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Questions concerning Header and Footer’ is closed to new replies.