Joomla Templates Club 406,261 posts

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#204229

Hello

Due to the fact that some threads where lost I create a new one. I have problems with the search head position.

One of your developers already helped me with this one. He added some code to the custom.css. This took care if firefox, at least almost. As you can see the red button is too far right.

Another problem is, that this solution only seems to work on firefox but not on IE and Google Chrome. In those browsers the red button in underneath the search input field.

second problem. I have a responsive design as sen below

As I understand this, the search head should be below the logo for the mobiles. Looking at my iphone I see the following

Thank you for your help.

---

Attachments:

1. 
2. 
3. 

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

#561178

I would need to check that bug on your site but I get this bug from front-end and back-end

---

Attachments:

1. 
2. 

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#561230

send you a PM with the login credentials. I hope it works now.

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

#561314

<em>@relsig 461060 wrote:</em><blockquote>send you a PM with the login credentials. I hope it works now.</blockquote>

Yes, I can access URL of your site but I tried to change it from back-end of your site but I did not appear front-end site maybe it was cache, you can try to fix it with the solution below

+ Open templates/ja_brisk/tpls/blocks/header.php file

+ Look at the screenshot

Let me know if it helps

---

Attachments:

1. 
2. 

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#565612

Thanks for your answer. It looks like the span is too small. My problem at the moment is that the logo span is also too small as well as the menu span (after login there are additional menu items in root). I can’t make the search head wider.

If I want to remove the search head completely, what’s the best thing to do?
– I disabled the module search head, this didn’t remove the span of course
– I set the span to 0, this didn’t help very much too
– remove the code in the header block?

Thanks

Roger

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

#565829

Hi Roger,

Have you sorted out the problem on your site? I checked on your site and saw the search form on mobile layout was disabled

Regards

---

Attachments:

1. 

[relsig Friend relsigJoin date: October 2007Posts: 218Downloads:22Uploads:61 Thanks: 16 Thanked: 10 times in 3 posts]

#566203

Hello

Had to disable the search head for the mobile menu. When I take Firefox and make it very narrow, so that it switches to off canvas menu, then the search header is shown right on top of the logo covering it. That’s strange, if I look at the layout in the template manager in the backend the search head should be displayed below the logo above the three icons. But in reality unfortunately it is not working that way.

No unfortunately I haven’t sorted it out.

Roger

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

#566261

I enabled search module in mobile layout and add the css style into templates/ja_brisk/css/custom.css file

@media (max-width: 767px) {
.ja-header .ja-logo {
left: 50px !important;
}

.t3-mainnav .navbar .btn-navbar {
margin: 5px 5px 0px !important;
}

.head-search .search-query {
width: 55px !important;
float: left;
}

.head-search .finder {
margin-right: 0px !important;
}

.ja-header .ja-logo {
left: 50px !important;
}

.ja-header .ja-logo .logo-image img {
width: 60%;
margin-top: 5px !important;
}
.ja-header .ja-search {
right: 0px !important;
}
.head-search .finder .btn {
float: left;
}
}


Now you can see it’s working fine

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

1. relsig

[Author]

Posts