Joomla Templates Club 406,261 posts

[naeaje Friend naeajeJoin date: January 2016Posts: 30Downloads:3Uploads:2 Thanks: 4]

#1094052

Hi I am trying to make the footer banner responsive on a mobile but no luck – the banner is in javascript code but I can also use a gif

is there any way to make this resize on a mobile thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1094245

Hi,

You can try with this custom CSS code:

#Mod273 .custom img {
    width: 100% !important;
}

put into the file: root/templates/ja_teline_v/css/custom.css (create this file if it doesn’t exist)

Regards

1 user says Thank You to Saguaros for this useful post

1. naeaje

[naeaje Friend naeajeJoin date: January 2016Posts: 30Downloads:3Uploads:2 Thanks: 4]

#1094266

one other thing in this url http://www.bettingman.com.au/tips/racing/ladbrokes-daily-racing-tips-23-2-2018

you will see there is a 300×50 javascript banner in position article-top module name is Mobile Banner.

i only really want it there for the mobile view on small and extra small devices, is there any way to show this in responsive while not showing it in larger screens thanks

is it also possible to centre the banner in the the position it is istead of being on the left hand side in large view

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1094343

Hi,

Do the ads you’re using can support different size? pls try to use another dimension for that image as I can see it has a fixed width now, it’s not good for responsive layout.

[naeaje Friend naeajeJoin date: January 2016Posts: 30Downloads:3Uploads:2 Thanks: 4]

#1094760

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1094766

Could you share the screenshot highlighting the part you’re referring to?

[naeaje Friend naeajeJoin date: January 2016Posts: 30Downloads:3Uploads:2 Thanks: 4]

#1095025

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1095078

The width of that space is around 845px (width) in large screen, does it support this resolution?

[naeaje Friend naeajeJoin date: January 2016Posts: 30Downloads:3Uploads:2 Thanks: 4]

#1095213

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1095549

Hi,

Which extension are you using to show that banner?

[naeaje Friend naeajeJoin date: January 2016Posts: 30Downloads:3Uploads:2 Thanks: 4]

#1095574

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1095793

Could you illustrate the modification you expect with the padding top of article?

For article title’s size, you can use this custom CSS:

.com_content.view-article .fs-medium .article-title {
    font-size: 36px;
}

and change the your desired value.

[naeaje Friend naeajeJoin date: January 2016Posts: 30Downloads:3Uploads:2 Thanks: 4]

#1095824

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1095926

Hi,

In article page, you can add this custom CSS:

.banneritem {
  margin: 0 0 -7px;
}

With the featured module on homepage, try this:

.magazine-featured.style-1 .magazine-carousel .magazine-item-main {
    min-height: 180px;
    padding-bottom: 0px;
}

and change to the value which suits your need.

Regards

[Author]

Posts