Joomla Templates Club 406,261 posts

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#207474

How can i put the home-feature in the mobile. It does not work.

Also a question about the head it has two different colors in the menu and search. How can i change it in one color

How can i update the template it does not work.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#574327

Hello
Home feature Block is Hidden by default in small layouts due to the design purpose its not look good .
If you want to show it add the below code in custom.css file

.home-feature {display:block!important;}

If you want to change the top tool bar color same like menu
add below code in custom.css

.wrap.toolbar {
background: #005952!important;
}

Change the color code as per needs .
Hope it helps you.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#640666

Hello
Home feature Block is Hidden by default in small layouts due to the design purpose its not look good .
If you want to show it add the below code in custom.css file

.home-feature {display:block!important;}

If you want to change the top tool bar color same like menu
add below code in custom.css

.wrap.toolbar {
background: #005952!important;
}

Change the color code as per needs .
Hope it helps you.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#739336

Hello
Home feature Block is Hidden by default in small layouts due to the design purpose its not look good .
If you want to show it add the below code in custom.css file

.home-feature {display:block!important;}

If you want to change the top tool bar color same like menu
add below code in custom.css

.wrap.toolbar {
background: #005952!important;
}

Change the color code as per needs .
Hope it helps you.

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#574389

I did that, but home-feature is not showing on my mobile.

It is showing on tablet, computer, but not in the mobile, also in On.

I have made a custom.css and it work with css styles

.home-feature {display:block!important;}

.home-feature > .container {
background: none repeat scroll 0 0 #34ad65
padding: 5px;
}

(still not showing on mobile)

And the search and and navigation hamburger (off canvas) @media screen and (max-width: 767px) {

.t3-module {
background: #34ad65
color: inherit;

}

.t3-mainnav .nav-collapse .nav > li > a:hover {
background-color: #005952
background-image: none;
color: #fff
letter-spacing: 1px;
filter: progid: DXImageTransform.Microsoft.gradient(enabled = false);
}

.t3-mainnav .nav-collapse .nav > li.active > a {
color: #e73628
background: #fff
}

.t3-mainnav .nav-collapse .nav > li > a, .t3-mainnav .nav-collapse .dropdown-menu a {
border-bottom: 1px solid #35cd34
padding: 9px 18px;
color:#000;
letter-spacing: 1px;
background: #fff000
font-weight: bold;
text-shadow: none;
text-transform: uppercase;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.t3-mainnav .nav-collapse .nav > li > a:hover {
background-color: none;
background-image: none;
color: #e73628
letter-spacing: 1px;
filter: progid: DXImageTransform.Microsoft.gradient(enabled = false);
}

.t3-mainnav {
background: #75ef3f
margin-top: 51px;
border-bottom: 1px solid #e73628
}

.wrap.toolbar {
background: #00aeef
}

#head-search-block form .search {
background: #00aeef
color:#000;
border-top:#fff000 solid 1px;

}

}

Because in the computer – tablet width, it is another color. Only on mobile is see it.

I looked for the css in Safari en Firefox and i find the code easy

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#574394

Hello
Template options also have an option to hide the module position according to the device .
you can show home-feature module postion from template manager >> Domein Webdesign>>options >> Layout>> Responsive layout >> Mobile >> http://prntscr.com/7hx8om
you can there are options for mobile,desktop tablet to hide or show the position .
Click on Eye icon if you want to hide , and click on module name block to show it again .
Hope it helps.

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#574418

Hi, i did that. And it does not work. I do not see it in the mobile version

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#574442

<em>@puntje 478634 wrote:</em><blockquote>Hi, i did that. And it does not work. I do not see it in the mobile version</blockquote>
Hello
its really strange because i checked and replied it for you .
I checked on admin panel you have not published (http://prntscr.com/7i1ydz)the module position for mobile layout as i suggested .
so just publish it for you .
you can check the site now its showing home feature on mobile fine .

1 user says Thank You to Pankaj Sharma for this useful post

1. puntje

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#574452

Strange, I tried and tried and it did not work. Found many css.

There is much padding between home feature and the content (this is still a problem)

Also the logo is very small and not good aligned, can i change that. That is on mobile

I can change the width. I try to change it with the code below, and it worked

.row .span50, .row-fluid .span50 {
width: 140%;
float:none;
alignment-baseline: middle;
margin-top:18px;
margin-bottom:-28px;
}

I have two colors in the head of the mobile. One is the navigation and one is the search. I tried to change that in a media css query. So it also look fun and nice. But to much padding and the logo that i find a problem. How can i change that

See attachment and picture

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#574454

Hi
You have a lot of customization on your site that make effect to other settings .
for padding issue please refresh the page and check your custom.css file you have a lot of changes there for home=feature .
For the change in the color of the search (toolbar ) provided the code to add in custom,css file in #2 post .

here is code that you need to add

.wrap.toolbar {

background:
#00aeef!important;

}

so both have same color .
Hope it helps

1 user says Thank You to Pankaj Sharma for this useful post

1. puntje

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#574456

That worked. Put it in the media query

Know the padding is still a problem between body-content and home-feature

I know i changed much, but i want to make my own layout. So it are my colors.

Also put this in the query
.t3-mainbody {
padding-bottom: 36px;
padding-top: 0;
}

On the computer it works. Know i’m going to test it on my my mobile

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#574459

.row .span50, .row-fluid .span50 {
width: 100%;
float:none;
alignment-baseline: middle;
margin-top:18px;
margin-bottom:-15px;
}

I changed in 100% width. The image is also larger know. I still see the scroll-bars on mobile and computer on the smallest screen. How can i remove that

That is the only problem i think. I must test some more

Do you know the problem of the block, the more space

It seems to look fine on tablet and computer. So the only problem for this template is the scrolbar on the mobile

I think the footer is too large.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#574505

Dear sir
For a different topic . I request you to a open a new thread and add all the details related your issue in new thread .
Thanks .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#640850

Dear sir
For a different topic . I request you to a open a new thread and add all the details related your issue in new thread .
Thanks .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#739514

Dear sir
For a different topic . I request you to a open a new thread and add all the details related your issue in new thread .
Thanks .

[Author]

Posts