Recent
Categories
View Replies (5)

Beaumont Transparent Background Menu Bar

0
Votes
Undo
  1. nebuladesigns
    nebuladesigns
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 26 March 2016
  5.  Subscribe via email
Hi There
Can the beaumont menu bar have a transparent or OPACITY set when scrolling further down the page? Currently the background color is displayed.

Also, can you please advise on responsive code for slider/header images. When I resize browser, the showcase images are not responsive.

Site under construction and I can PM the URL and access details.
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters...


.is-sticky #container_header, .is-sticky #socialmedia, .is-sticky .header-1, .is-sticky .header-2 {

    background-color: transparent;

}


The background image of the header area is set to cover the space available. Disabling this will cause a space to appear below the image. As the image reduces in width, the height will also be reduced resulting in an empty space below the image.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
nebuladesigns
nebuladesigns
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Is there an option of making the header images responsive for mobile devices, if not, can the header images be omitted from mobile devices.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To enforce the images to resize to the width of the screen try adding the following to the Custom CSS field of your templates parameters...


.vegas-slide-inner {

    background-size: 100% auto !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
nebuladesigns
nebuladesigns
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you, i have implemented the code and it works. Although there is quite a bit of blank space below the slider. I can live with that. Will play around with css code and see what else I can do to improve the mobile appearance.

I am really excited about this project and will post it under showcase soon!
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

If you have a URL to an example of the issue we would be happy to have a look for you.

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


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

Site Links

Recommended

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