Public Forums 71,145 posts

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#942819

Hi,

You should make a custom work the CSS style on your site.

Open templates/ja_simpli/css/custom.css file and add new rule

@media (min-width: 1200px) {
    #header .container .row .span4, #header .container .row .span8 {
        width: 100% !important;
        margin: auto !important;
        text-align: center !important;
    }

    #header .container .row .span4 .navbar-brand {
        float: none !important;
    }   
}

Hope it helps

Regards

1 user says Thank You to Ninja Lead for this useful post

1. kdewson

[jaydot Friend jaydotJoin date: May 2016Posts: 14Downloads:2Uploads:2 Thanks: 1]

#942856

Thanks!
For now I’ve solved it by making the logo position as small as possible, and forcing the header-right under it by making it span12. Put my logo image in a module in header-right and it’s working nicely. Although of course I have some extra vertical space along the top of the screen.
I’ll experiment with your solution later.
Cheers, j.

[kdewson Friend kdewsonJoin date: April 2009Posts: 21Downloads:26Uploads:2 Thanks: 13]

#946555

I’ve tried the code above and it works fine. Thank you

[Author]

Posts