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

    Hi,
    First I want to compliment you with this beautifull theme, it really is suitable for a lot of business.

    I do have a couple of questions regarding mostly the header. I will number the questions to be specific.

    1. I would like to change the alignment of the social media cons and the phone number. So, the phonenumber on the left and the icons to the right. I can place the icons to the right with .social_bookmarks {float:right;} Thats no problem, but I can’t get the phonenumber to the left.

    2. I would like the logo to lay over the slider on the homepage for 20px. I have tried with z-index and added some negative margin. The margin did work, but hte logo didn’t lay over the slider.

    3. I would like the borders at the top and bottom of the slider to be removed.

    Could anyone help me with one or more items? A bit of help would be very welcome!

    You van view the site at http://bit.ly/1fOwQhg

    Regards Erwin

    • This topic was modified 10 years, 8 months ago by Erwin.
    #234521

    Hey erwin_m!

    Thank you for using the theme. I hope you’re doing well today.

    1.) Please use this:

    #top .social_bookmarks {
    float: right;
    }
    
    #header_meta .sub_menu {
    right: 150px;
    }

    2.) Use this to move the logo:

    .logo {
    top: 20px;
    }

    3.) Use this to remove the border and box-shadow:

    
    #layer_slider_1 {
    border: none;
    box-shadow: none;
    }
    
    #header_main {
    border: none;
    }
    
    .container_wrap {
    border: none;
    }

    For further modifications, please visit Werkpress.

    Cheers!
    Ismael

    #234584

    Hi Ismael,

    Thank you for your quick respons! Works great. Only, when I’m watching it in a small view (responsive) the logo is beneath the slider instead of on top of it. Tried to give it a z-index but this didn’t help. Hope you can give another tip!

    Erwin

    #234737

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .responsive .logo {
    position: relative;
    height: 106px; }}

    Regards,
    Yigit

    • This reply was modified 10 years, 8 months ago by Yigit.
    #234953

    Hey Yigit,
    I’ve tried the code, but it didn’t help at first, then I saw that there was missing a { before .responsive
    After I added this, its working fine now. Thank you!

    Regards,
    Erwin

    #234957

    Hey!

    My bad :) Glad we could help! Let us know if you have any other questions or issues

    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header questions’ is closed to new replies.