Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 19, 2017 at 7:06 pm #809906
    swalley

    Hello. I found a website example of what I am trying to create. I would like it to appear exactly how they have it.

    Notice, the social icons, phone # and menus don’t appear until you scroll down. (only for the home page) I also would like it to appear the same way where it seems to pull the menu from the top. (not fade in)

    Example site: http://www.k-international.com/french-translation/

    My site: http://blog.sayitpromos.com/

    June 20, 2017 at 1:44 am #810090
    Nikko

    Hey swalley,

    Try to edit your page and on the sidebar find Header visibility and transparency (bottom) and set it to Header is invisible and appears once the users scrolls down
    Hope this helps.

    Best regards,
    Nikko

    June 23, 2017 at 6:46 pm #812245
    swalley

    Hi Nikko,

    That works. Thank you.

    Can you tell me how I can move my logo to the left. Please provide code that will allow me to adjust the logo position up/down left/right?

    Also, how can I increase the size of just the “Have questions? (562) 528-5194” at the top of my page?

    I’ve tried to create a small separator bar like the example site has just below the large background picture. I can’t seem to set the height to match theirs. It’s the grey bar.

    Lastly, I want to create a “search” field on top of our background image where visitors can search the site. It’s just like Google has their search bar. Any advice would be appreciated.

    June 25, 2017 at 8:07 pm #812796
    Mike

    Hi,
    To move your logo left, Try this code in the General Styling > Quick CSS field:

    div .logo {top: 8px!important; left: 50px!important; }

    note the “top” in the code, it is what your site is set to right now, to move the logo up make the number smaller or negative, to move down make it larger. To move the logo right, make the “left” number larger, or negative to move left. Please clear your cache: [http://www.refreshyourcache.com/en/home/] after each change :)
    To change the phone info, use and adjust this code:

    .phone-info {font-size: 20px!important; }

    For the border, use and adjust this code:

    .html_header_transparency #top .avia-builder-el-0 {
    border-bottom-width: 20px!important; 
    border-bottom-style: solid!important; 
    border-bottom-color: #777!important; 
}

    For the search box, please read this: https://kriesi.at/support/topic/how-to-make-very-large-search-box-in-middle-of-front-page/#post-387135

    Best regards,
    Mike

    June 27, 2017 at 5:05 pm #813512
    swalley

    Thank you for the help.

    Quick question, I created a child theme originally. When I add custom code to the Quick CSS will I lose it when the theme is updated?

    June 28, 2017 at 2:14 pm #813818
    Nikko

    Hi,

    Glad that Mike helped you. As for your question, the answer is no, it won’t be lost, it will be retained :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.