1. MySigma
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 07 October 2015
  5.  Subscribe via email
Strange thing but my today created topic has gone!?! Once again...

Hello Community!

I'm having a problem with the responsive version of the template "J51 Grafik". If you take a look at the responsive version (with mobile phone) of the website "http://www.dauboeck.at/x_new"; you can see three bars at the top of the website. If I'm right, this is the header section, isn't it?
On a smartphone the three bars are consuming to much space so I want to deactive/remove the dark and the one under the dark bar. How can I do this? I can't find it in the option tabs of the template.

Thank you and best regards,
Manfred
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Manfred.. delighted to have you with us. :)

Any further queries please feel free to ask!

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán!

PERFECT!!! Thank you so much for your help and your support! As little THANK YOU, I signed up to the 12 month membership :)

Kind regards,
Manfred
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Manfred

Have you considered using a simple 'Custom HTML' module to display your logo image rather than the slideshow? The slideshow module is somewhat limited considering what you wish to achieve.

To ensure the showcase module positions remains at full width you can add the following to the Custom CSS field of your templates parameters...


#container_slideshow .wrapper960 {
width: 100%;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán!

I'm still having problems with the customisation of the template. I'm trying to describe the wishes of my customer ;)
On the frontpage / start page, there should only be the logo banner and beneath the banner logo the three logos. The banner is so to say the header picture. Now I'm not sure how to realise that.

I used the "mod_j51slideshow"-module for the header logo because my customer wants it with 100% width. But if you take a look, a small strip (bottom) gets cut of. And the second problem, the header logo isn't visible on a smartphone :(

I hope you can help me !?

Best regards,
Manfred
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán!

It's working PERFECT! Thank you so much :)

Best regards,
Manfred
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Manfred

You can achieve this by by placing the suggested CSS in a media querie...


@media only screen and (max-width: 1024px) {
.body_grad {
background-image: none !important;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán!

Is it possible to keep the gradient for "normal" visitors and remove it for mobile visitors? With your "body_grad"-CSS the gradient is removed for the responsive and the non-responsive version. ;)

Thank you!
Manfred
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Manfred

To remove the background gradient try adding the following to the Custom CSS field of your templates parameters...


.body_grad {
background-image: none !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán!

Thank you for your response. The custom CSS is working but it looks like that there is now something wrong with the three company logos (BEULCO,...). The darker frame behind the BEULCO logo appeared after adding the custom CSS.

Best regards and greetings from Austria,
Manfred
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Manfred

Usually this area would accommodate your logo which is why it is still visible on smaller screen devices. To disable on smaller screens try adding the following to the Custom CSS field of your templates parameters...


@media only screen and (max-width: 1024px) {
#container_hornav {
display: none;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok