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!