Joomla Templates Club 406,261 posts

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#718939

Hey,

please let me know why the main menu stopped appearing on mobile devices?
http://tennis-force.com/index.php/en/

thank you!

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

#719116

I added the css style below into templates/ja_charity/css/custom.css file

@media (max-width: 767px) {
.t3-mainnav {
background: #000
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "f0c9";
}

.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.navbar-toggle {
background: red;
}
.navbar-default .navbar-nav > li > a {
color: #fff !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff !important;
}
}


Let me know if it helps

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

#752923

I added the css style below into templates/ja_charity/css/custom.css file

@media (max-width: 767px) {
.t3-mainnav {
background: #000
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "f0c9";
}

.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.navbar-toggle {
background: red;
}
.navbar-default .navbar-nav > li > a {
color: #fff !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff !important;
}
}


Let me know if it helps

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#719123

Hi,

this is absolutely NOT OK!

please change back to the color scheme. Why does the menu have yellow background? it was grey like the top bar?

ffd733 – this color should not be anywhere on the site.

buttons were orange and now they are yellow.

I just wanted the MENU ICON to show up on mobile not have original color scheme.

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#752930

Hi,

this is absolutely NOT OK!

please change back to the color scheme. Why does the menu have yellow background? it was grey like the top bar?

ffd733 – this color should not be anywhere on the site.

buttons were orange and now they are yellow.

I just wanted the MENU ICON to show up on mobile not have original color scheme.

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#719214

I turned off the development mode in templates option. that fixed the issue.

but i can see that the site does not load Font Awesome Icons. Is there something that can be done about that?

thanks,

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#752947

I turned off the development mode in templates option. that fixed the issue.

but i can see that the site does not load Font Awesome Icons. Is there something that can be done about that?

thanks,

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

#719262

<em>@spelabuda 499544 wrote:</em><blockquote>I turned off the development mode in templates option. that fixed the issue.

but i can see that the site does not load Font Awesome Icons. Is there something that can be done about that?

thanks,</blockquote>

I tried to download T3 System Plugin version 2.5.1 and install it on your site but I got this bug.

<blockquote>
Error
There was an error uploading this file to the server.
Maximum PHP file upload size is too small: This is set in php.ini in both upload_max_filesize and post_max_size settings of your PHP settings (located in php.ini and/or .htaccess file).

Unable to find install package
</blockquote>

You can extend upload_max_filesize and post_max_size from php.ini file and install T3 System Plugin again, hope it will help to solve the problem with Font Awesome Icons

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

1. spelabuda

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

#752995

<em>@spelabuda 499544 wrote:</em><blockquote>I turned off the development mode in templates option. that fixed the issue.

but i can see that the site does not load Font Awesome Icons. Is there something that can be done about that?

thanks,</blockquote>

I tried to download T3 System Plugin version 2.5.1 and instaledl it on your site but I got this bug.

<blockquote>
Error
There was an error uploading this file to the server.
Maximum PHP file upload size is too small: This is set in php.ini in both upload_max_filesize and post_max_size settings of your PHP settings (located in php.ini and/or .htaccess file).

Unable to find install package
</blockquote>

You can extend upload_max_filesize and post_max_size from php.ini file and install T3 System Plugin again, hope it will help to solve the problem with Font Awesome Icons

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

1. spelabuda

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#721238

After you’ve made the update the event feature slider is now completely messed up on the first page. (New projects)

can you please correct this?
the title should be above the image, the date should not be shown because it should be the same color as backgroudn and the button READ More should be below the image!

i worked really hard to get this to display correctly.

so this is current state and is not correct.

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#753620

After you’ve made the update the event feature slider is now completely messed up on the first page. (New projects)

can you please correct this?
the title should be above the image, the date should not be shown because it should be the same color as backgroudn and the button READ More should be below the image!

i worked really hard to get this to display correctly.

so this is current state and is not correct.

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

#721358

I have never touched on event feature slider on your site. My solution above only affects menu layout on mobile device as #2 post

About the problem with event feature slider module, you can apply the following tweak:

Open templates/ja_charity/local/acm/news-featured/css/style.css file

find and change

.event-featured-slider .event-slider .event-item {
text-align: left;
padding: 28px;
position: relative;
}

to

.event-featured-slider .event-slider .event-item {
text-align: left;
padding: 0px;
position: relative;
}

Let me know if it helps

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

#753696

I have never touched on event feature slider on your site. My solution above only affects menu layout on mobile device as #2 post

About the problem with event feature slider module, you can apply the following tweak:

Open templates/ja_charity/local/acm/news-featured/css/style.css file

find and change

.event-featured-slider .event-slider .event-item {
text-align: left;
padding: 28px;
position: relative;
}

to

.event-featured-slider .event-slider .event-item {
text-align: left;
padding: 0px;
position: relative;
}

Let me know if it helps

[Author]

Posts