Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • September 30, 2014 at 9:59 pm #327623
    JPOsteen

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

    September 30, 2014 at 10:16 pm #327639
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia_ajax_form h3 {
    color: red !important;
}

    Adjust as needed.

    Cheers! 
    Josue

    September 30, 2014 at 11:46 pm #327730
    JPOsteen

    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?

    October 1, 2014 at 9:51 am #327920
    Ismael

    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

    October 1, 2014 at 4:40 pm #328258
    JPOsteen

    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.

    October 1, 2014 at 5:02 pm #328282
    Yigit

    Hi!

    Can you post the link to your website please?

    Best regards,
    Yigit

    October 1, 2014 at 6:01 pm #328344
    JPOsteen

    http://www.Renov8.org

    October 1, 2014 at 6:12 pm #328350
    Yigit

    Hi!

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

    .av_header_transparency {
display: block;
}

    Regards,
    Yigit

    October 1, 2014 at 10:09 pm #328531
    JPOsteen

    Nothing happened.

    October 1, 2014 at 11:16 pm #328554
    Josue

    Hi!

    Try adding this:

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

    Best regards,
    Josue

    October 2, 2014 at 12:14 am #328576
    JPOsteen

    Thanks Josue,

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

    Thanks

    October 2, 2014 at 1:06 am #328592
    Josue

    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

    October 2, 2014 at 3:50 pm #329032
    JPOsteen

    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, 1 month ago by JPOsteen.
    October 3, 2014 at 7:34 am #329505
    Ismael

    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

    October 6, 2014 at 2:51 am #330658
    JPOsteen
    This reply has been marked as private.
    October 6, 2014 at 6:23 pm #331053
    Yigit

    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

    October 6, 2014 at 9:35 pm #331183
    JPOsteen

    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!

    October 7, 2014 at 3:27 am #331311
    Josue

    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

    October 7, 2014 at 4:02 am #331329
    JPOsteen

    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.

    October 7, 2014 at 5:11 am #331362
    Josue

    Hey!

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

    Best regards,
    Josue

    October 7, 2014 at 5:25 am #331370
    JPOsteen

    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, 1 month ago by JPOsteen.
    October 7, 2014 at 5:35 pm #331793
    Yigit

    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

    October 8, 2014 at 1:47 am #332009
    JPOsteen

    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.

    October 8, 2014 at 5:26 pm #332569
    Yigit

    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

    October 8, 2014 at 7:53 pm #332657
    JPOsteen

    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.

    October 8, 2014 at 7:58 pm #332659
    Yigit

    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

    October 8, 2014 at 8:47 pm #332705
    JPOsteen

    Thanks, but now the menu icon is gone.

    October 9, 2014 at 4:44 am #332878
    Ismael

    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

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