Skip to content
Catch Themes Logo

Catch Themes

Premium Responsive WordPress Themes with advanced functionality and awesome support. Simple, Clean and Lightweight Responsive WordPress Themes

  • Home
  • FSE Pro Plugin
  • Themes
  • Features
  • Hosting
  • Support
  • Blog
  • My Account

Fixed/Sticky Menu and Transparency/Opacity

Support Forum Catch Everest Pro

Tagged: logo, menu, sticky header

  • This topic has 15 replies, 3 voices, and was last updated 10 years, 5 months ago by Sakin.
Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 26, 2015 at 5:25 am #52388
    luismarioochoa
    Participant

    Hello,

    1. How can I make the Navigation Menu Fixed or Sticky, so when scrolling, the Navigation Menu stays visible at the top (instead of scrolling up out of sight) and the content (videos included) scroll behind it
    2. How to add Transparency/Opacity to the site (I am in the process of changing the background by either adding an image or changing color).
    3. How can I bring down the Search Box to the Right Red side of the header and eliminate the White Top space above the Header Image?

    This is the website I am working on http://www.BonVivantTravel.ca
    These are the CSS I have already added:

    #slider-nav { display: none; }
    .site { box-shadow: none; }
    #site-logo, #header-right { padding-top: 0; }
    .site { margin-top: 0; }
    #hgroup-wrap { padding-bottom: 0; }

    Thank you so much in advance.

    February 26, 2015 at 11:05 am #52406
    Sakin
    Keymaster

    @luismarioochoa:
    1. There is no option to make the the menu fixed or sticky. This theme is not designed like that. You can look for other themes at http://catchthemes.com/themes/category/premium/. Where we have Full Frame, Gridalicious, Catch Flames Pro and Catch Evolution Pro which has Fixed menu option.

    For Catch Everest Pro, you need to use plugin. I have answer this same question in http://catchthemes.com/support-forum/topic/fixate-menue-and-make-a-smaler-logo/

    2. First add the image and then let me know it which places you want to make it transparent.

    3. Please remove search from Header Top Sidebar and add it in Header Right Sidebar and let me know it. Then I can send you css to make it.

    March 1, 2015 at 8:36 am #52549
    luismarioochoa
    Participant

    Thank you Sakim,

    1. The plug in worked.
    3. I removed the Search from the Top Side Bar and it is gone from where it was, the added a Search Widget to the Header Right Sidebar and it is not showing. Not sure if that was want you were advising. Still the White section above the Header Image is still Showing. Any advice on how to remove that?

    Here are my CSS:

    #slider-nav { display: none; }
    .site { box-shadow: none; }
    #site-logo, #header-right { padding-top: 0; }
    .site { margin-top: 0; }
    #hgroup-wrap { padding-bottom: 0; }
    #header-menu-sticky-wrapper { margin: 0 !important; }
    .admin-bar .is-sticky #header-menu { top: 32px !important; }

    March 1, 2015 at 12:28 pm #52551
    Sakin
    Keymaster

    @luismarioochoa: I see that you have remove Header. Since your image http://www.bonvivanttravel.ca/wp-content/uploads/2015/02/HEADER_RED.png is actually logo and not header featured image. So, you need to disable that from “Appearance => Theme Options => Header Featured Image Options” and add it from “Appearance => Header”. There you upload your full image or you can even choose from your existing media library. After you select it, if you want to load full image then click on Skip Cropping and save change.

    March 2, 2015 at 8:22 am #52568
    luismarioochoa
    Participant

    Thank you Sakim,

    I tried that solution before ending up uploading it via Header Featured Image Options, but the PNG image which is 1140 px width, shows cropped even though I skipped cropping the width. What should the full width be in order to be the same as the Navigation Menu? Thank you.

    March 2, 2015 at 10:22 am #52572
    Sakin
    Keymaster

    @luismarioochoa: Maybe you are confused with padding left and right. It’s same you have to use 1140px width of image. When you use skip cropping it should work fine. But I see issue with your custom css. Find the following css:
    .site { box-shadow: none; }
    #site-logo, #header-right { padding-top: 0; }
    .site { margin-top: 0; }
    #hgroup-wrap { padding-bottom: 0; }

    Then replace it with the following css:
    #hgroup-wrap, #site-logo, #header-right { padding: 0; }
    .site { box-shadow: none; margin: 0 auto; }

    March 2, 2015 at 7:34 pm #52583
    luismarioochoa
    Participant

    Thank you Sakin,

    That solution seems that is going to work but the default Catch Theme Featured Header Image needs to be removed and I don’t see a way to do it myself. Right now my Heather imaged uploaded as you advice is seating above your Everest image Climbers. You can see it at http://www.bonvivanttravel.ca

    March 4, 2015 at 12:01 am #52640
    Sakin
    Keymaster

    @luismarioochoa: You might want to try adding in the following css in “Appearance => Theme Options => Custom CSS” box:
    #header-right {
    margin-right: 10px;
    margin-top: -60px;
    }

    March 4, 2015 at 2:01 am #52653
    luismarioochoa
    Participant

    Thank you Sakim,

    The Search is now in the desired place, however when mouse hovering over or trying to click on it, it hides and does not allow to search. Also, the default Catch Everest Image with the climbers is still there, I have erased the default link in Appearance->Theme Options->Featured Header Image Options, but nothing happens, I cannot disable the image that keeps coming right back. Please help. Thanks

    March 4, 2015 at 11:12 pm #52695
    Sakin
    Keymaster

    Ok then remove the previous css that I gave you. Which is
    #header-right {
    margin-right: 10px;
    margin-top: -60px;
    }

    Then add the new css:
    #header-left {
    position: relative;
    z-index: 1;
    }
    #header-right {
    margin-right: 10px;
    margin-top: -60px;
    position: relative;
    z-index: 10;
    }

    You can just disable Header Featured Image. For that go to “Appearance => Theme Options => Header Featured Image Options” and in “Enable Featured Header Image”, you can select “Disable” and save changes.

    March 11, 2015 at 11:48 am #53089
    luismarioochoa
    Participant

    Thank you Sakin,

    1. Can you please help me with the responsiveness of the SEARCH BOX? It is not showing well on mobile, it is too large and cannot be recognized as a SEARCH BOX.

    2. Is there a way to change the default set size of images to be inserted in pages or posts? Righ now I have to click on the image to edit it then select original size instead of the already set as default is 300×200 and make them to display centered without having to go to edit all the time?

    Thank you so much in advance

    March 12, 2015 at 11:08 pm #53179
    Sakin
    Keymaster

    @luismarioochoa:
    1. Let me know it what you want to do with the search. I think it’s better to hide it or show below the header image in mobile devices.
    2. Image size is mentioned properly in theme instructions page at http://catchthemes.com/theme-instructions/catch-everest-pro/

    March 23, 2015 at 3:32 pm #54126
    nakulsachdeva
    Member

    Hi Sakin , Hope you are doing well !

    This is my client’s site , http://www.katbates.com and they are very happy with this theme.
    Good work by your team.

    Here is an issue that I would like to resolve with you.

    At the top right corner there is a button to toggle.

    * Site title to be visible at all times, without having to clicks on icon in top right corner

    If your answer is that I can make it fixed from appearance >> theme options >>fix header option.

    I dont see an option to click for fixed header.

    I see only three option :

    Check to disable Primary Menu
    Check to disable Header Toggle
    Check to disable Header Right

    If I click disappear header toggle , It completely gets disappeared and I dont see the header that we want there.

    Please reply ASAP.

    Thanks

    March 23, 2015 at 8:06 pm #54145
    Sakin
    Keymaster

    @nakulsachdeva: sorry your site link is not working. Please check in. I am bit confused as Catch Everest Pro doesn’t have that option.

    March 24, 2015 at 12:17 am #54181
    nakulsachdeva
    Member

    http://www.katbates.com

    I need the header that comes after we press toggle button to be fixed there..I mean It should be there permanently and we can disable toggle button..

    March 24, 2015 at 8:51 am #54210
    Sakin
    Keymaster

    @nakulsachdeva: I was confused as you used Catch Everest Pro support forum for Full Frame Free theme. Full Frame Free theme support forum is that http://catchthemes.com/support-forum/forum/full-frame-free/

    That disable Toggle option is there in Pro version, you can see the list of additional features at theme instructions for pro version at http://catchthemes.com/theme-instructions/full-frame-pro/

    But in free version, you can disable that toggle button and show header fixed only for big screens with resolution above 1100px. For that you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

    @media screen and (min-width: 1101px) {
        .site { padding-top: 178px; }
        #feature-slider, #header-featured-image { margin-top: 0; }
        .site #masthead { display: block; opacity: 1 !important; }
        #header-toggle { display: none; }
    }
  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Fixed/Sticky Menu and Transparency/Opacity’ is closed to new replies.

Incompatible Archive Error in WordPress 6.4.3

How to fix the Incompatible Archive Error?

Support Forum Instructions

Use the search box below to search for your answer and also check out theme instructions at Theme Instructions before posting question here.

When you post in your question, please don't forget to post in your site URL. If you have issue in posting question here in forum then check out screencast from our YouTube channel.

Notice: Support Forum Now Requires User Moderation to Avoid Spammers

Search Forums

Popular Themes

BizBoost Pro

Buy Now

Bold Photography Pro

Buy Now

Audioman Pro

Buy Now

Catch Fullscreen Pro

Buy Now

Fotografie Pro

Buy Now

Catch Responsive Pro

Buy Now
Hire a Customizer

Recent Topics

  • Media queries & Hamburger Menu
  • More control of Header needed
  • Can one make the Header video play on mobile?
  • Conflict with Version 2.6 and SiteOrigin PageBuilder
  • Mouse Pointer Dot color
  • Removing Links from Content Tags
  • Issue with Renewal Version
  • Excessive space above youtube embedded video
  • Hamburger Menu Not Working.
  • Different sizes in post image
  • Published post does not display content put public preview does
  • display product attributes on product pages
  • YouTube Embed does not display in published post
  • Woocommerce Produt page options drop down
  • How do you remove the space between the main menu and the first text
  • Search has completely quite working on Catch Responsive Pro
  • Homepage header cover image not showing
  • Funitrix not compatible with woocommerce-smart-coupon in checkout
  • Plugin will not activate
  • Critical error on the website when edit posts/pages in WordPress Admin
  • Upgrade to 3.5
  • PHP Error Message
  • Deaktivierung Autor
  • PHP 8.3 Needed
  • PHP update needed
  • PHP Version
  • H1 does show up in slider and featured content
  • Catchbase and PHP
  • Request for Refund – Duplicate Premium Purchase
  • Add search to burger menu on mobile in Catch Responsive Pro

Popular Tags

background blog catch box catch everest child theme Color comments css Excerpt featured content featured image featured slider font footer header header image Home Page homepage image images layout logo menu mobile Mobile Menu navigation padding page portfolio post posts responsive search sidebar Simple Catch site title slider theme title update widget widgets width woocommerce wordpress

Featured Posts

  • Best Free WordPress Block Themes for Full Site Editing for 2024
  • 40+ Best Free Business WordPress Themes for 2024
  • 30+ Best Free WordPress Themes for 2024
  • 25+ Best Free Music WordPress Themes for 2024
  • Our Top 10+ Free and Premium Photography WordPress Themes Collection 2024
  • Our Free and Premium Music WordPress Themes Collection

Donate Now

Click on the Donate button below to Support Free Themes, Free Plugins, and Free Support. All donations are used for the development and improvement of free themes, plugins, and support. Thanks for your contribution.
  • Home
  • About Us
  • Contact Us
  • Join Our Team
  • Terms & Conditions
  • Privacy Policy
  • Facebook
  • Twitter
  • Linkedin
  • Scroll Up
  • Pinterest
  • Youtube
  • Instagram
© 2012 - 2025 Catch Themes: Premium WordPress Themes. All rights reserved.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie settingsGot it!
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT