1. Dismiss Notice

Header

Discussion in 'Cloriato WordPress Theme' started by taff, Mar 6, 2016.

  1. taff

    taff New Member

    Joined:
    Jan 30, 2013
    Messages:
    10
    Likes Received:
    0
    how can I place a header in my site over
    over the entire width It should be responsive.
    My site is www.bogenclub-frauenfeld.ch

    thank you for your help.​
     
    taff, Mar 6, 2016
    #1
  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Sorry, I didn't get you..

    Could you please elaborate your issue a bit more so that I can better assist you...

    Looking forward to your reply.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    priya, Mar 7, 2016
    #2
  3. taff

    taff New Member

    Joined:
    Jan 30, 2013
    Messages:
    10
    Likes Received:
    0
    Sorry for my unclear description. I would like to install a header banner instead the logo. Like you can see now at
    www.bogenclub-frauenfeld.ch But the header / logo should be a full wide header and it should be responsvie like nowe. Now it looks not really good, because the size isen't fit.

    And which size the banner need?
    ​
     
    taff, Mar 7, 2016
    #3
  4. priya

    priya Guest

    Hello,

    Please follow the screenshot given below.

    cloriato_full_header_image.png

    Code is as follow..
    Code:
    <div class="grid_24">
<div class="logo"> 
<a href="#"><img src="http://bogenclub-frauenfeld.ch/wordpress/wp-content/uploads/2016/03/Bannerneu-2.jpg"></a>
</div>
</div>
    For your information, I am using "WP-Editor" plugin to edit files.

    You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

    After activating this plugin, you will get the same screen as shown in the screenshot.

    Also paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .logo img {
    margin-bottom: -52px;
    margin-top: -36px;
}
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    priya, Mar 8, 2016
    #4
  5. taff

    taff New Member

    Joined:
    Jan 30, 2013
    Messages:
    10
    Likes Received:
    0
    Thank you Priyanka

    something is working, but now the header is now to big. What can I do more to make it fit?

    And on the mobile view the page navigation menu is covering the header.
     
    taff, Mar 8, 2016
    #5
  6. priya

    priya Guest

    Hello,

    Use below code in Custom CSS field of your dashboard.
    Code:
    .logo img {
    float: left !important;
    margin-left: 0;
    margin-top: 0;
    max-width: 100% !important;
    width: 100% !important;
}
@media only screen and (max-width: 767px){
.mobile_nav {
    margin-top: 76px;
}
}
@media only screen and (max-width: 480px){
.mobile_nav {
    margin-top: 62px;
}
}
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
    priya, Mar 8, 2016
    #6

Share This Page