Support ForumTransparent menu with slider underneath – Support Forum https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/feed/ Wed, 08 May 2024 03:03:29 +0200 http://bbpress.org/?v=2.5.12-6148 en-US https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1673 <![CDATA[Transparent menu with slider underneath]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1673 Sat, 15 Feb 2014 15:03:15 +0000 user@ts Hi there,

I have seen on several sites where their menu/header will be semi-transparent and overlap the top of a slider (so in this case, the revolution slider). It looks like of like what the sticky menu looks like when you scroll down the page.

Can you give me an idea of the css or what setting i might have to change to do this? it seems like 2 things: 1) make the background transparent and 2, make it overlay.

Thanks in advance. Great theme.

K

]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1681 <![CDATA[Reply To: Transparent menu with slider underneath]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1681 Mon, 17 Feb 2014 07:59:54 +0000 IshYoBoy Hey,

There is no setting for this. You’ll have to apply your own CSS and maybe make som modifications to the header template via child theme. Your approach is correct. You’ll have to position the header above the slider, add semi-transparent background to it, make sure how the header acts in all mobile sizes etc.

Maybe try to apply negative margin to the “.part-lead” which contains the revolution slider and apply background color using rgba() function to “.part-header”.

Better approach might be to apply “position: absolute” to the “.part-header” and tweak the width, etc..

Unfortunately this is a customization and not a standard part of the support we provide to themes. We cannot provide the code without making it ourselves but we could provide directions for you. You’ll have to figure it out by testing and tweaking.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1687 <![CDATA[Reply To: Transparent menu with slider underneath]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1687 Mon, 17 Feb 2014 09:59:39 +0000 user@ts Thanks! I will let you all know how I make out.

Much appreciated.

]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1689 <![CDATA[Reply To: Transparent menu with slider underneath]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1689 Mon, 17 Feb 2014 10:52:24 +0000 IshYoBoy Have fun ;)

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1697 <![CDATA[Reply To: Transparent menu with slider underneath]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1697 Mon, 17 Feb 2014 21:43:39 +0000 user@ts Sorry to ask…I did get it working using css for .part-header, but it caused problems on mobile. Is there a class that is added with the mobile version that I also should be updating?

Thanks in advance!

TS

]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1701 <![CDATA[Reply To: Transparent menu with slider underneath]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1701 Mon, 17 Feb 2014 21:52:51 +0000 IshYoBoy Hey,

Nope the responsive versions are done using CSS media queries. So you should also add a few of them and style the header as you want it to be.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1704 <![CDATA[Reply To: Transparent menu with slider underneath]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1704 Mon, 17 Feb 2014 22:52:06 +0000 user@ts I am so sorry to beat this horse, please forgive me. When I look in the css file (styles.css) I only see one active media query…is there another place I should be looking?

Thanks again so much for the help.

TS

]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1705 <![CDATA[Reply To: Transparent menu with slider underneath]]> https://support.ishyoboy.com/forums/topic/transparent-menu-with-slider-underneath/#post-1705 Mon, 17 Feb 2014 22:55:43 +0000 IshYoBoy Hey,

Yes, please have a look at main-options.css which is generated dynamically when theme options are saved. Most media queries are there. The best way would be to view the source-code of your page and then search for the main-options.css

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>