Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 12, 2015 at 8:27 pm #486773
    spheor

    Hello,

    I wish to get the header to appear consistently as I scroll down. The points I need are highlighted in an image linked below.

    1. REMOVE LINE shown

    2. COLOR SOCIAL ICONS IN GLASSY TRANSPARENT TOP VIEW AS MENU COLOR #9B7F37

    3. ON SCROLL DOWN RETAIN SAME TRANSARENCY AS TOP HEADER POSITION VIEW SO THE HEADER BACKGROUND STAYS THE SAME THROUGHOUT SCROLL.

    many thanks
    S

    August 13, 2015 at 9:36 pm #487446
    Andy

    Hi spheor!

    1. Use this code in Quick CSS field:

    #top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside {
border: none;
}

    2. Use this code:

    #top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a {
color: #9B7F37;
}

    3. Go and edit your page, then scroll down and look on the right side for Layout->Header visibility and transparency and choose “No transparency”.

    Regards,
    Andy

    • This reply was modified 9 years, 4 months ago by Andy.
    August 18, 2015 at 10:58 am #489365
    spheor

    Thanks for your help.
    We are very nearly there.

    the header effect now must be consistent throughout.
    PLease see notes in image.

    Many thanks
    S

    August 19, 2015 at 11:06 am #489933
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .avia-menu.av_menu_icon_beside {
    border: none;
}

    Header transparency still seems to be enabled. Please disable as Andy suggested

    Cheers!
    Yigit

    August 27, 2015 at 5:24 pm #494343
    spheor

    Many thanks you have solved all issues!

    I noted (finally) that on checking on diff platforms that logo on portrait ipad moves to top of menu so mis-aligns with rest of menu. Can you advise why and perhaps how to fix.

    Kind regards,
    S

    August 27, 2015 at 5:41 pm #494363
    Yigit

    Hey!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 990px) and (min-width: 769px) {
.logo {
    top: 20px;
}}

    Best regards,
    Yigit

    August 28, 2015 at 8:25 am #494672
    spheor

    Thanks.
    I added but tweaked CSS to min width 767px to include portrait view and solved.
    I greatly appreciate the fast work.

    Another Ipad issue came up regarding menu (not new to CSS addition)

    Please see image link
    The Tel on menu on ipad falls to lower row. This does not happen on laptop / desktop even on shrinking window,
    Thanks for help as ever.
    Kind regards
    S

    August 29, 2015 at 6:13 am #495177
    Rikard

    Hey,

    I couldn’t see that error using ipad mini/chrome. In what browser are you getting that result?

    Thanks,
    Rikard

    August 29, 2015 at 8:48 am #495230
    spheor

    Hello,
    I am getting it within the native SAFARI which is default and most common in ipad (both mini and air)
    Thanks
    S

    September 1, 2015 at 1:00 pm #496382
    spheor

    hello reminder pls answer

    September 2, 2015 at 12:13 pm #497005
    Andy

    Hey!

    refuse from bumping into your own thread.
    I checked your website on Chrome and Safari and the issue does not happen for me. Please clear browser cache and hard refresh a few times. Check on another device as well.

    Best regards,
    Andy

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