Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • #327623

    How do I change the color of the contact form heading? Thanks.

    #327639

    Hey!

    Try adding this code to the Quick CSS:

    .avia_ajax_form h3 {
        color: red !important;
    }

    Adjust as needed.

    Cheers! 
    Josue

    #327730

    Worked perfectly! One more question:

    How can I make my main menu on mobile devices be transparent with no logo and only the menu icon showing on the top right?

    #327920

    Hey!

    You can hide the logo on mobile device with this:

    @media only screen and (max-width: 767px) {
    .responsive .logo {
    visibility: hidden;
    }
    }

    Modify the advance menu toggle using this:

    #advanced_menu_toggle, #advanced_menu_hide {
    background-color: transparent;
    color: #333333;
    border-color: #e1e1e1;
    }

    Best regards,
    Ismael

    #328258

    Thanks Ismael,

    But I’m experiencing problems with my mobile header. I have my desktop set as a transparent header, but on my mobile device the menu won’t show up until I scroll down…and when I try to scroll back up to use the menu, it disappears again.

    #328282

    Hi!

    Can you post the link to your website please?

    Best regards,
    Yigit

    #328344
    #328350

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av_header_transparency {
    display: block;
    }

    Regards,
    Yigit

    #328531

    Nothing happened.

    #328554

    Hi!

    Try adding this:

    .html_header_top.html_header_sticky #header{
        position: fixed !important;
    }
    .responsive .logo {
        visibility: visible !important;
    }

    Best regards,
    Josue

    #328576

    Thanks Josue,

    But I also want the main header to have no logo and be transparent.

    Thanks

    #328592

    Hey!

    In that case, remove this code from your Quick CSS:

    .av_header_transparency {
    display: none;
    }

    And discard this one i suggested:

    .responsive .logo {
        visibility: visible !important;
    }

    Best regards,
    Josue

    #329032

    Okay, I don’t think you are understanding what I am trying to do.

    I want only the menu icon to be displayed at the top right corner. No logo. No words. Basically a normal header with a transparent background and no logo.

    • This reply was modified 10 years, 2 months ago by JPOsteen.
    #329505

    Hey!

    I’m sorry about that. A mockup or screenshot of what you want will help. Please use imgur, dropbox etc for the screenshot. Post the link here.

    Regards,
    Ismael

    #330658
    This reply has been marked as private.
    #331053

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
    strong.logo {
    display: none;
    } 
    #advanced_menu_toggle, #advanced_menu_hide {
    position: fixed;
    top: 10%; 
    right: 5%; }
    .av_header_transparency #advanced_menu_toggle {
    background-color: transparent!important;
    color: white!important;
    border-color: transparent!important;
    }}

    Regards,
    Yigit

    #331183

    Thanks Yigit, almost there. Everything is good, except I would like for the icon to:
    1. appear as soon as the page loads
    2. scroll with the page (not be “sticky”)

    Thanks!

    #331311

    Hi!

    Add this too:

    @media only screen and (max-width: 767px) {
        .html_header_top.html_header_sticky #header {
            position: static !important;
        }
        .av_header_transparency {
            display: block !important;
        }
    }

    Regards,
    Josue

    #331329

    Geez guys, I must be a horrible communicator. Josue, you got me one step closer… From my understanding “sticky” means the menu stays visible at the top. I want the menu to scroll up with the page so that when I scroll down I can’t see the menu because it stays above the word Renov8.

    Please try again.

    #331362

    Hey!

    The icon remains at top, it doesn’t scroll with the page – http://screencast.com/t/0WvH0Ij1lEs

    Best regards,
    Josue

    #331370

    Here’s a screenshot from my iPhone:

    http://renov8.org/wp-content/uploads/2014/10/renov8_screen.png

    Notice the menu icon after I have scrolled down.

    • This reply was modified 10 years, 2 months ago by JPOsteen.
    #331793

    Hi!

    Please remove following code from Quick CSS

    #advanced_menu_toggle {
    background-color: #3199BB!important;
    }

    and add following code to Quick CSS

    #advanced_menu_toggle {
    color: white;
    background-color: transparent;
    border: none;
    }

    Regards,
    Yigit

    #332009

    Yigit,

    Your code did not address the problem that I am having. Once again, here is what I want:

    1. I want the menu icon to load with the page and be visible from the beginning
    2. I want the menu icon to remain at the top of the page, not the top of the screen.

    #332569

    Hey!

    Did you flush browser cache on your mobile device? I checked your website on my iphone and this is how it looks – http://i.imgur.com/Jb36Co1.png
    Icon loads with the page and stays fixed when you scroll down – http://i.imgur.com/Y1SLo7I.png

    Cheers!
    Yigit

    #332657

    Yigit,

    It does the same on mine. But what I’ve been saying is that I don’t want it to stay fixed. I want it to scroll up with the rest of the page.

    #332659

    Hi!

    Add following code to Quick CSS

    @media only screen and (max-width: 768px) {
    #advanced_menu_toggle, #advanced_menu_hide {
    position: relative;
    top: 50px;
    right: auto;
    left: 100%;
    }
    header#header {
    margin-top: -65px;
    }}

    Cheers!
    Yigit

    #332705

    Thanks, but now the menu icon is gone.

    #332878

    Hi!

    This thread is far from where it started. It’s getting a bit out of topic. Can you please create a new thread? Describe what you’re trying to do there with screenshots if possible. Also, place the css codes that you added. I think the css codes are getting mixed up.

    Best regards,
    Ismael

Viewing 28 posts - 1 through 28 (of 28 total)
  • The topic ‘Change Color of Contact Form Heading’ is closed to new replies.